HTML5 新增結(jié)構(gòu)元素

HTML5新增結(jié)構(gòu)元素HTML5新增結(jié)構(gòu)元素/NUMPAGES7HTML5新增結(jié)構(gòu)元素HTML5新增結(jié)構(gòu)元素headerheader標(biāo)簽，從語義化上看為文檔的頁眉，其用法如下：?一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素

?通常放置在整個(gè)頁面或者頁面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題

?一個(gè)網(wǎng)頁內(nèi)并沒有限制header標(biāo)簽的個(gè)數(shù)

使用頻率極高，比較容易理解。Hgrouphgroup標(biāo)簽，從語義化上看為標(biāo)題組，其用法如下：?作為header標(biāo)簽的子元素

?一個(gè)內(nèi)容模塊中包括了主標(biāo)題和至少一個(gè)子標(biāo)題才使用hgroup

?通常會(huì)將h1~h6元素進(jìn)行分組

使用頻率高。Footerfooter標(biāo)簽，從語義化上看為文檔的腳注，其用法如下：?一個(gè)內(nèi)容塊區(qū)的腳注

?通常內(nèi)容為聯(lián)系信息、相關(guān)閱讀、版權(quán)信息等

使用頻率高，比較容易理解。Addressaddress標(biāo)簽，從語義化上看為地址，其用法如下：用于文檔中呈現(xiàn)的聯(lián)系信息通常內(nèi)容為作者、網(wǎng)站鏈接、電子郵箱、地址、電話號(hào)碼等使用頻率低。二、非主體結(jié)構(gòu)元素HTML5新增結(jié)構(gòu)元素分為主體結(jié)構(gòu)元素和非主體結(jié)構(gòu)元素?主體結(jié)構(gòu)元素包括article、section、nav、aside、time

?非主體結(jié)構(gòu)元素包括header、hgroup、footer、address一、主體結(jié)構(gòu)元素

article

article標(biāo)簽，從語義化上看為文檔、頁面，其用法如下：?通常是一篇文章、一個(gè)頁面、一個(gè)獨(dú)立完整的內(nèi)容模塊

?一般會(huì)帶個(gè)標(biāo)題，并放在header標(biāo)簽中

?article元素可以互相嵌套

使用頻率極高，強(qiáng)調(diào)獨(dú)立性，多注意下與header標(biāo)簽的使用。section

section標(biāo)簽，從語義化上看為部分，其用法如下：?用于頁面內(nèi)容的獨(dú)立分塊，往往是文章的一段

?通常由內(nèi)容和標(biāo)題組成，沒有標(biāo)題的內(nèi)容不推薦使用section

使用頻率低，強(qiáng)調(diào)分段分塊。nav

nav標(biāo)簽，從語義化上看為導(dǎo)航，其用法如下：?通常作為頁面導(dǎo)航的鏈接組

?側(cè)邊欄導(dǎo)航

使用頻率高。aside

aside標(biāo)簽，從語義化上看為在旁邊、側(cè)邊，其用法如下：?在article標(biāo)簽中使用時(shí)，作為主要內(nèi)容的附屬信息部分，如有關(guān)的參考資料、名詞解釋等。

?在article標(biāo)簽外使用時(shí)，作為頁面或者站點(diǎn)全局的附屬信息部分，如側(cè)邊欄、博客的友情鏈接部分、廣告區(qū)域等。time

time標(biāo)簽，從語義化上看為時(shí)間，其用法如下：?