为什么<nav>标签中有一些未知属性

Why there are some unknown attributes in the <nav> tag

本文关键字：未知 属性 标签 nav 为什么      更新时间：2023-09-26

我对网页设计很陌生，喜欢使用引导程序进行javascript设计，但是时不时地，我可以在标签中找到一些似乎在任何地方都不支持的属性。我真的很困惑。

例如：以下关于"nav"标签的代码

<nav id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-left offcanvas"     role="navigation">
  <a class="navmenu-brand" href="#">Brand</a>
<ul class="nav navmenu-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>
<div class="navbar navbar-default navbar-fixed-top">
<button type="button" class="navbar-toggle" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>

为什么我们可以在这里为"nav"标签使用"角色"属性？我已经搜索了所有可能的资源：http://www.w3schools.com/tags/tag_nav.asp 建议 "nav" 支持[HTML 中的全局属性] 和 [HTML 中的事件属性]，但"角色"都不在它们中。

我只是想知道我们如何添加看似随意不允许的属性？

有人可以帮忙解释一下引导 javascript 匹配的工作原理，只需添加数据切换和数据目标，我们就可以在某个目标上产生某些主动效果？

Bootstrap 有 jquery 插件，可以解析页面并使用这些 data-xxxx 属性来使用处理程序检测它们的元素。虽然创建自己的属性并不总是一个好主意（通常智能感知会犹豫不决，除非你添加"data-"或"x-"前缀），但没有什么能阻止你这样做。这对 DOM 没有任何意义，但 Javascript 和 jQuery 仍然可以使用它们，就好像它们是有效的属性一样。

相关文章：