Html5新增了 27 個元素,廢棄了 16 個元素,根據現有的标準規範,把 HTML5 的元素按優先級定義為
結構性屬性、級塊性元素、行内語義性元素和互動性元素 4 大類
新增的元素:
(1) 結構性元素主要負責web上下文結構的定義
section:在 web 頁面應用中,該元素也可以用于區域的章節描述。
header:頁面主體上的頭部, header 元素往往在一對 body 元素中。
footer:頁面的底部(頁腳),通常會标出網站的相關資訊。
nav:專門用于菜單導航、連結導航的元素,是 navigator 的縮寫。
article:用于表現一篇文章的主體内容,一般為文字集中顯示的區域。
(2) 級塊性元素主要完成web頁面區域的劃分,確定内容的有效分割。
aside:用于表達注記、貼士、側欄、摘要、插入的引用等作為補充主體的内容。
figure:是對多個元素進行組合并展示的元素,通常與 ficaption 聯合使用。
code:表示一段代碼塊。
dialog:用于表達人與人之間的對話,該元素包含 dt 和 dd 這兩個組合元素, dt 用于表示說話者,而 dd 用來表示說話内容。
(3) 行内語義性元素主要完成web頁面具體内容的引用和描述,是豐富内容展示的基礎。
meter:表示特定範圍内的數值,可用于工資、數量、百分比等。
time:表示時間值。
progress:用來表示進度條,可通過對其 max 、 min 、 step 等屬性進行控制,完成對進度的表示和監事。
video:視訊元素,用于支援和實作視訊檔案的直接播放,支援緩沖預載和多種視訊媒體格式。
audio:音頻元素,用于支援和實作音頻檔案的直接播放,支援緩沖預載和多種音頻媒體格式。
(4) 互動性元素主要用于功能性的内容表達,會有一定的内容和資料的關聯,是各種事件的基礎。
details:用來表示一段具體的内容,但是内容預設可能不顯示,通過某種手段(如單擊)與 legend 互動才會顯示出來。
datagrid:用來控制用戶端資料與顯示,可以由動态腳本及時更新。
menu:主要用于互動菜單(曾被廢棄又被重新啟用的元素)。
command:用來處理指令按鈕。
移除的元素:
- 純表現的元素u、big、center、strike、tt、font、basefont
- 架構集frame、frameset、noframes
至于為何新增這些标簽、這些新特性有何優點、請看這一篇 HTML5新特性總結(一)