代码如下，求大神仔细讲解一下，class href 和id 的我知道，其余的是什么意思？比如说 role

Question

<div class="dropdown">
   <button type="button" class="btn dropdown-toggle" id="dropdownMenu1"
      data-toggle="dropdown">
      主题
      <span class="caret"></span>
   </button>
   <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">Java</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">数据挖掘</a>
      </li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">
            数据通信/网络
         </a>
      </li>
      <li role="presentation" class="divider"></li>
      <li role="presentation">
         <a role="menuitem" tabindex="-1" href="#">分离的链接</a>
      </li>
   </ul>
</div>

Answer 1

<ul> 里面的“role=menu” 只是帮助html页面更好理解ul 这个列表是菜单列表 ，你可以具体看一下慕课网上的bootstrap基础课程  就很好理解了。

Answer 2

role是给盲人用的屏幕阅读器用来识别的。bootstrap在这方面比较注意。

Answer 3

js里可以拿到这个属性来用