天天看點

HTML5新标簽簡述HTML5新标簽簡述

HTML5新标簽簡述

  HTML5相對于HTML4,新增了一些标簽。根據現有的規範,把這些新增标簽按優先級分為4大類,簡要說明如下:

1.結構性元素

  主要負責Web上下文結構的定義。例如:

  section:表示内容分區(内容分段)。

  article:表示一篇獨立的内容(如一篇文章)。

  header:表示頁面中分節的标題欄。

  footer:表示頁面中分節的腳注欄。

  nav:表示頁面中的導航部分。

2.級塊性元素

  主要完成頁面次區域的劃分,確定内容的有效分割。例如:

  aside:定義article标簽之外的内容。

  figure:組織多媒體資源,通常與ficaption元素聯合使用。

  dialog:表示對話,通常與dt和dd元素聯合使用,dt表示說話者,dd表示說話内容。

3.行内語義性元素

  主要完成Web頁面具體内容的引用和描述,是豐富内容展示的基礎。例如:

  meter:表示特定範圍内的值。

  time:表示時間。

  progress:表示進度條,通過max、min、step等屬性,完成對進度的表示和監控。

  video:視訊元素。

  audio:音頻元素。

4.互動性元素

  主要用于功能性内容的表達,會有一定的内容和資料的關聯,是各種事件的基礎。例如:

  datalist:組織詳細内容并展示的元素,通常與summary元素聯合使用。

  datagrid:用來控制用戶端資料的顯示。

  menu:主要用于互動菜單。

  command:用來處理指令按鈕。