天天看點

HTML5有哪些新特性、移除了哪些元素?

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新特性總結(一)

繼續閱讀