代码如下，求大神仔细讲解一下，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里可以拿到这个属性来用