1. 程式人生 > >HTML5元素分類

HTML5元素分類

html 劃分 vid 導航 集中 格式 head 表示 gre

HTML5新增了27個元素,廢棄了16個元素,根據現有的標準規範,把HTML5的元素按優先等級定義為結構性元素、級塊性元素、行內語義性元素和交互性元素四大類。
1、結構性元素
結構性元素主要負責web的上下文結構的定義,確保HTML文檔的完整性;

  • section:在web頁面應用中,該元素也可以用於區域章節表述;
  • header:頁面主題上的頭部,註意區別於head元素;
  • footer:頁面的底部(頁腳);
  • nav:是專門用於菜單導航、鏈接導航的元素,是navigator的縮寫;
  • article:用於表示一篇文章的主題部分,一般為文字集中顯示的區域;

2、級塊性元素
級塊性元素主要完成web頁面區域的劃分,確保內容的有效分隔。

  • aside:用以表達註記、貼士、側欄、摘要、插入的引用等作為補充主體的內容;
  • figure:是對多個元素進行組合並展示的元素,通常與figcaption聯合使用;
  • code:表示一段代碼塊;
  • dialog:用於表達人與人之間的對話,該元素還包括dt和dd這兩個組合元素,他們常常同時使用。dt用於表示說話者,而dd用來表示說話者的內容。

3、行內語義性元素
行內語義性元素主要完成web頁面具體內容的引用和表述,是豐富內容展示的基礎。

  • meter:表示特定範圍內的數值,可用於工資、數量、百分比等;
  • time:表示時間值;
  • progress:用來表示進度條,可通過對其max、min、step等屬性進行控制,完成對進度的表示和監視;
  • video:視頻元素,用於支持和實現視頻(含視頻流)文件的直接播放,支持緩沖預載和多種視頻媒體格式;
  • audio:音頻元素,用於支持和實現音頻(音頻流)文件的直接播放,支持緩沖預載和多種音頻媒體格式;

4、交互性元素
交互性元素主要用於功能性的內容表達,會有一定的內容和數據的關聯,是各種事件的基礎。

  • details:用來表示一段具體的內容,但是內容默認可能不顯示,通過某種手段(如單擊)與legend交互才會顯示出來;
  • datagrid:用來控制客戶端數據與顯示,可以由動態腳本及時更新;
  • menu:主要用於交互菜單;
  • command:用來處理命令按鈕。

HTML5元素分類