H5新增的很多有意思的標(biāo)簽,其中很多標(biāo)簽就是對(duì)DIV的細(xì)化,賦予了DIV很多意義,但它實(shí)際還是相當(dāng)于DIV,使用這些標(biāo)簽?zāi)艽蟠筇岣叽a的可讀性,H5也新增了很多媒體標(biāo)簽,用于插入視頻、音頻等媒體文件。
1.<header>
放置頁(yè)面頂部元素(如菜單欄),塊級(jí)元素
2.<footer>
放置網(wǎng)頁(yè)底部信息(如版權(quán)、地址等),塊級(jí)元素
3.<article>
如其名,article標(biāo)簽就是一個(gè)涵蓋文章、博客、帖子等內(nèi)容的容器,塊級(jí)元素
4.<nav>
放置頁(yè)面的導(dǎo)航鏈接,塊級(jí)元素
5.<figure>
用于文檔中插入圖片,實(shí)現(xiàn)圖文混排效果(注意:figure容器自帶margin值),塊級(jí)元素
6.<figcaption>
<figure>的子元素,作為<figure>的第一個(gè)或者最后一個(gè)元素,為<figure>中的圖片添加一個(gè)可視標(biāo)題,塊級(jí)元素
7.<progress>
有意思的一個(gè)標(biāo)簽,繪制一個(gè)進(jìn)程條,可設(shè)置屬性:value(當(dāng)前值) max(最大值),若無value屬性,根據(jù)瀏覽器的不同有可能顯示“正在下載...”文本、一個(gè)下載的進(jìn)度條動(dòng)畫,通常與js一起使用,用于動(dòng)態(tài)顯示進(jìn)度
8.<meter>
和progress標(biāo)簽很像,繪制一個(gè)計(jì)量條,與progress不同的是,它表示某種計(jì)量,適用于溫度、容量等,可設(shè)置value max min等屬性。
另,IE不支持該控件
9.<ruby> <rt> <rp>
ruby標(biāo)簽用于注釋(中文注音或字符),rt內(nèi)為注釋的內(nèi)容,rp內(nèi)為瀏覽器不支持ruby元素時(shí)顯示的內(nèi)容
10.<section>
定義文檔中的節(jié)、區(qū)域,和nav、footer、header、article等標(biāo)簽一樣,為語(yǔ)義化的DIV,塊級(jí)元素
H5還新增了很多媒體標(biāo)簽,如source、video等,運(yùn)用蠻簡(jiǎn)單,可參考W3school
另,簡(jiǎn)書編輯器好難用!