看到別人代碼中出現role屬性,記錄一下:
<li role="tab" class=tabs-tab>tab1</li>
role 是增強語義性,當現有的HTML標籤不能充分表達語義性的時候,就可以藉助role來說明。
通常這種情況出現在一些自定義的組件上,這樣可增強組件的可訪問性、可用性和可交互性。
role的作用是描述一個非標準的tag的實際作用。比如用div做button,那麼設置div 的 role=“button”,輔助工具就可以認出這實際上是個button
<li role="presentation" class="active"><a href="#">Home</a></li>
<div role="button"></div>