H5新增的很多有意思的標簽，其中很多標簽就是對DIV的細化，賦予了DIV很多意義，但它實際還是相當于DIV，使用這些標簽能大大提高代碼的可讀性，H5也新增了很多媒體標簽，用于插入視頻、音頻等媒體文件。以下HTML5學習筆記原作者 林_Han ，由W3Cschool.cn編輯整理。

1.<header>

放置頁面頂部元素（如菜單欄），塊級元素

2.<footer>

放置網(wǎng)頁底部信息（如版權、地址等），塊級元素

3.<article>

如其名，article標簽就是一個涵蓋文章、博客、帖子等內容的容器，塊級元素

4.<nav>

放置頁面的導航鏈接，塊級元素

5.<figure>

用于文檔中插入圖片，實現(xiàn)圖文混排效果（注意：figure容器自帶margin值），塊級元素

6.<figcaption>

<figure>的子元素，作為<figure>的第一個或者最后一個元素，為<figure>中的圖片添加一個可視標題，塊級元素

7.<progress>

有意思的一個標簽，繪制一個進程條，可設置屬性：value（當前值） max（最大值），若無value屬性，根據(jù)瀏覽器的不同有可能顯示“正在下載...”文本、一個下載的進度條動畫，通常與js一起使用，用于動態(tài)顯示進度

8.<meter>

和progress標簽很像，繪制一個計量條，與progress不同的是，它表示某種計量，適用于溫度、容量等，可設置value max min等屬性。另，IE不支持該控件

9.<ruby> <rt> <rp>

ruby標簽用于注釋（中文注音或字符），rt內為注釋的內容，rp內為瀏覽器不支持ruby元素時顯示的內容

html5學習筆記新增標簽理解

10.<section>

定義文檔中的節(jié)、區(qū)域，和nav、footer、header、article等標簽一樣，為語義化的DIV，塊級元素H5還新增了很多媒體標簽，如source、video等，運用蠻簡單，可參考W3Cschool