H5新增的很多有意思的標簽熬尺,其中很多標簽就是對DIV的細化,賦予了DIV很多意義谓罗,但它實際還是相當于DIV粱哼,使用這些標簽能大大提高代碼的可讀性,H5也新增了很多媒體標簽檩咱,用于插入視頻揭措、音頻等媒體文件。
1.<header>
放置頁面頂部元素(如菜單欄)刻蚯,塊級元素
2.<footer>
放置網(wǎng)頁底部信息(如版權(quán)绊含、地址等),塊級元素
3.<article>
如其名炊汹,article標簽就是一個涵蓋文章躬充、博客、帖子等內(nèi)容的容器,塊級元素
4.<nav>
放置頁面的導航鏈接充甚,塊級元素
5.<figure>
用于文檔中插入圖片以政,實現(xiàn)圖文混排效果(注意:figure容器自帶margin值),塊級元素
6.<figcaption>
<figure>的子元素伴找,作為<figure>的第一個或者最后一個元素妙蔗,為<figure>中的圖片添加一個可視標題,塊級元素
7.<progress>
有意思的一個標簽疆瑰,繪制一個進程條眉反,可設(shè)置屬性:value(當前值) max(最大值),若無value屬性穆役,根據(jù)瀏覽器的不同有可能顯示“正在下載...”文本寸五、一個下載的進度條動畫,通常與js一起使用耿币,用于動態(tài)顯示進度
8.<meter>
和progress標簽很像梳杏,繪制一個計量條,與progress不同的是淹接,它表示某種計量十性,適用于溫度、容量等塑悼,可設(shè)置value max min等屬性劲适。
另,IE不支持該控件
9.<ruby> <rt> <rp>
ruby標簽用于注釋(中文注音或字符)厢蒜,rt內(nèi)為注釋的內(nèi)容霞势,rp內(nèi)為瀏覽器不支持ruby元素時顯示的內(nèi)容
10.<section>
定義文檔中的節(jié)、區(qū)域斑鸦,和nav愕贡、footer、header巷屿、article等標簽一樣固以,為語義化的DIV,塊級元素
H5還新增了很多媒體標簽嘱巾,如source憨琳、video等,運用蠻簡單浓冒,可參考W3school
另栽渴,簡書編輯器好難用!