为什么在<nav>标签中有一些未知的属性
我对网页设计很陌生，使用bootstrap进入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”标签设置“角色”属性？ 我已经搜索了所有可能的资源：“nav”支持http://www.w3schools.com/tags/tag_nav.asp [HTML中的全局属性]和[HTML中的事件属性]，但是“角色”在他们中都没有。
我只是想知道我们怎样才能添加不允许的表面上随意的属性？
有人可以请帮忙解释bootstrap JavaScript匹配如何工作，只需添加数据切换和数据目标，我们可以对某些目标有一定的主动效果？
Bootstrap有jquery插件，用于解析页面并使用这些data-xxxx属性来用处理程序来处理它们的元素。 尽管创建自己的属性并不总是一个好主意（通常智能感知会迟钝，除非添加“data-”或“x-”前缀），但没有什么能够阻止你这样做。 它对DOM没有任何意义，但是Javascript和jQuery仍然可以像使用有效的属性一样使用它们。
链接地址: http://www.djcxy.com/p/36623.html