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>頁腳:頁面的底部或者版塊底部。