Html5新增的語義化標籤(部分)

2014年10月29日,萬維網聯盟宣佈,經過接近8年的艱苦努力,html5的標準規範終於制定完成。這是互聯網的一次重大變革,這也許是一個時代的來臨!

總結一些h5新增的語義化標籤,記錄下來方便自己學習及使用:

1、<header></header> 頁眉:主要用於頁面的頭部的信息介紹,也可用於板塊頭部;

2、<hgroup></hgroup> 頁面上的一個標題組合:一個標題和一個子標題,或者標語的組合;

3、<nav></nav> 導航:包含鏈接的一個列表;

4、<section> <section> 頁面上的版塊:用於劃分頁面上的不同區域,或者劃分文章裏不同的節;

5、<article></ article > 用來在頁面中表示一套結構完整且獨立的內容部分:可以用來呈現論壇的一個帖子,雜誌或報紙中的一篇文章,一篇博客,用戶提交的評論內容,可互動的頁面模塊掛件等;

6、<aside></ aside> 元素標籤可以包含與當前頁面或主要內容相關的引用、側邊欄、廣告、nav元素組,以及其他類似的有別與主要內容的部分:①aside 的內容應該與 article 的內容相關,② 被包含在<article>中作爲主要內容的附屬信息部分,其中的內容 以是與當前文章有關的引用、詞彙列表等,③在<article>之外使用,作爲頁面或站點全局的附屬信息部分;最典型的形式是側邊欄(sidebar),其中的內容可以是友情鏈接、附屬導航或廣告單元等;

7、<figure> < figure > 用於對元素進行組合:一般用於圖片或視頻;

8、<figcaption> <figcaption> figure的子元素:用於對figure的內容 進行說明;

9、<time></time>用來表現時間或日期;

10、<datalist></datalist>選項列表:與 input 元素配合使用,來定義 input 可能的值;

11、<details></details>用於描述文檔或文檔某個部分的細節:①該元素用於摘錄引用等,應該與頁面的主要內容區分開的其他內容,②Open屬性默認展開;

12、< summary></summary> details 元素的標題;

13、<dialog></dialog>定義一段對話;

14、<address></address> 定義文章或頁面作者的詳細聯繫信息;

15、<mark></mark> 需要標記的詞或句子;

16、<keygen>給表單添加一個公鑰;

17、<progress><progress>定義進度條;

18、<footer></footer>頁腳:頁面的底部或者版塊底部。

發佈了17 篇原創文章 · 獲贊 18 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章