如何修復HTML驗證警告：<a>專有屬性「角色」或「詠歎調擴展」

Question

我確認我的建立在引導HTML網站，並得到了以下警告。我的問題是，我應該如何解決這個問題。注意：我修復了超過67條警告，但無法修復這些警告。有一件事我在谷歌搜索很多，但沒有找到任何帖子來解決這個問題。最後，我只有一個選擇，即問這裏。請幫我

行87列75 - 警告：專有屬性 '詠歎調擴展'
行99列83 - 警告：專有屬性 '角色'
行99列83 - 警告：專有屬性 '詠歎調-haspopup'
線99列83 - 警告：專有屬性 '詠歎調膨脹'
線111列83 - 警告：專有屬性 '角色'
線111列83 - 警告：專有屬性 '詠歎調-haspopup'
線111列83 - 警告：專有屬性 '詠歎調膨脹'
線123柱89 - 警告：專有屬性 '角色'

*這裏是一個只包含導航部分和下面的新代碼是警告*

<nav class="navbar navbar-default header-top-menu" id="top-navigation-menu"> 
<!-- Brand and toggle get grouped for better mobile display --> 
<div class="navbar-header"> 
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
<span class="sr-only">Toggle navigation</span> 
<span class="icon-bar">&nbsp;</span> 
<span class="icon-bar">&nbsp;</span> 
<span class="icon-bar">&nbsp;</span> 
</button>          
</div> 

<!-- Collect the nav links, forms, and other content for toggling --> 
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
<ul class="nav navbar-nav"> 
<li class="dropdown"> 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Home<span class="caret">&nbsp;</span></a> 
<ul class="dropdown-menu dropdown-menu-custom"> 
<li><a href="#" >Link 1</a></li> 
<li><a href="#">Link 2</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
</ul> 
</li> 
<li class="dropdown"> 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages<span class="caret">&nbsp;</span></a> 
<ul class="dropdown-menu dropdown-menu-custom"> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
</ul> 
</li> 
<!--multi level menu --> 
<li class="dropdown" > 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" > Portfolio <b class="caret">&nbsp; </b></a> 
<ul class="dropdown-menu multi-level dropdown-menu-custom"> 
    <li class="dropdown-submenu "> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Grid Layout</a> 
     <ul class="dropdown-menu1"> 
      <li><a href="#">2 Columns </a></li> 
      <li><a href="#">3 Columns</a></li> 
      <li><a href="#">4 Columns</a></li> 
     </ul> 
    </li> 
    <li class="dropdown-submenu"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown">Mansonry Layout</a> 
     <ul class="dropdown-menu1"> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
      <li><a href="#">Link</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Portfolio Item Page</a></li> 
</ul> 
</li> 
<!--/multi level menu --> 


<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
</ul>          
</div><!-- /.navbar-collapse -->         
</nav> 

============================================== ========================

這裏是我收到

線4柱75的警告 - 警告：專有屬性 '詠歎調膨脹'
線16列83 - 警告：專有屬性 '角色'
線16列83 - 警告：專有屬性 '詠歎調-haspopup'
線16列83 - 警告：專有屬性 '詠歎調膨脹'
線28列83 - 警告：專有屬性 '角色'
線28列83 - 警告：專有屬性 '詠歎調-haspopup'
線28列83 - 警告：專有屬性 '詠歎調擴展」
行40列89 - 警告：專有屬性 '

Answer 1

什麼的doctype您使用的角色'？ HTML 4.01或HTML5？我懷疑這是HTML 4.01，所以我建議你使用：<DOCTYPE html>代替