HTML裡面的role本質上是增強語義性，當現有的HTML標籤不能充分表達語義性的時候，就可以藉助role來說明。通常這種情況出現在一些自定義的組件上，這樣可增強組件的可訪問性、可用性和可交互性。role的作用是描述一個非標準的tag的實際作用。比如用div做button，那麼設置div的role="button"，輔助工具就可以認出這實際上是個button。比如下面的代碼：
<div?role="checkbox"?aria-checked="checked"></div>
輔助工具就會知道，這個div實際上是個checkbox的角色，為選中狀態。
<header>元素定義文檔的組合頁面，通常是一些導航信息，在這個標籤中通常包含section的頭部信息，比如h1-h6標籤、導航（nav）、搜索等，但是這些都不是必需的，可以根據自己的需要來定義內容，代碼如下：
<footer>元素用於定義文檔的尾部，一般包含相關鏈接、版權等信息。當然<footer>標籤內不僅可以包含<p>標籤，還可以包含<nav>、<ul>、<div>等其他元素，這些都是可以根據自己需求來定義的，代碼如下：
<nav>標籤主要用於構建導航，顯示導航鏈接。比如在<header>中添加導航鏈接，代碼如下：
HTML 5中article標籤用於表示文檔、頁面，用來顯示一塊獨立的文字信息內容。article標籤是可以嵌套的，常用於網站新聞、博客等，代碼如下：
HTML 5中的section元素定義為文檔中的節，比如章節、頁面、頁腳或者文檔其他部分等，代碼如下：
當然，HTML 5中還有許多其他新標籤，比如：
hgroup：對網頁標題元素進行組合，一般情況是對h1-h6標籤的分組。
audio：定義音頻內容。
canvas：定義一個畫布功能。
dialog：定義一個對話框。
video：定義一個視頻內容。
HTML 5中新定義的標籤遠不止這些，作者主要介紹常用的html5常用標籤。