Question

我对网页设计很陌生，使用bootstrap进入javascript设计，但我时不时地在标签中找到一些似乎不受支持的属性。我真的很困惑。

例如：以下代码关于＆＃34; nav＆＃34;标签

<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>

为什么我们可以拥有＆＃34;角色＆＃34;此处为＆＃34; nav＆＃34;标签？我搜索了所有可能的资源： http://www.w3schools.com/tags/tag_nav.asp建议[HTML中的全局属性。]和[HTML中的事件属性]支持＆＃34; nav＆＃34;但是＆＃34; role＆＃34;在他们两个都没有。

我只是想知道我们如何添加看似不习惯的属性？

请有人帮忙解释一下如何通过添加数据切换和数据目标来启动javascript匹配工作，我们可以对某个目标产生某些积极影响吗？

Answer 1

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

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

1 个答案: