本篇內(nèi)容介紹了“HTML5中的新標簽和常用標簽詳解”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)專注于南靖企業(yè)網(wǎng)站建設,響應式網(wǎng)站開發(fā),商城網(wǎng)站建設。南靖網(wǎng)站建設公司,為南靖等地區(qū)提供建站服務。全流程按需制作網(wǎng)站，專業(yè)設計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務

HTML5 新增結構元素分為主體結構元素和非主體結構元素

1.主體結構元素包括 article、section、nav、aside、time
2.非主體結構元素包括 header、hgroup、footer、address
一、主體結構元素
article
article 標簽，從語義化上看為文檔、頁面，其用法如下：

通常是一篇文章、一個頁面、一個獨立完整的內(nèi)容模塊
一般會帶個標題，并放在 header 標簽中
article 元素可以互相嵌套
使用頻率極高，強調(diào)獨立性，多注意下與 header 標簽的使用。

代碼如下:

   

       

是我標簽

   

   

我是段落

   

       

我的內(nèi)容

   

section
section 標簽，從語義化上看為部分，其用法如下：

用于頁面內(nèi)容的獨立分塊，往往是文章的一段
通常由內(nèi)容和標題組成，沒有標題的內(nèi)容不推薦使用 section
使用頻率低，強調(diào)分段分塊。

注：《HTML5與CSS3權威指南》這本書中說明：一個容器需要被定義樣式或者腳本定義行為時，推薦用div而非section，不要將section用作設置樣式的容器。

代碼如下:

   

水果

   

       

蘋果

       

蘋果是撒？

   

   

       

桔子

       

桔子是撒？

   

   

中國人物

   

三國、兩晉、南北朝

   

       

三國

       

猛將猛將猛將猛將

   

   

       

兩晉

       

猛將猛將猛將猛將

   

nav
nav 標簽，從語義化上看為導航，其用法如下：

通常作為頁面導航的鏈接組
側(cè)邊欄導航
使用頻率高。

代碼如下:

aside
aside 標簽，從語義化上看為在旁邊、側(cè)邊，其用法如下：

在 article 標簽中使用時，作為主要內(nèi)容的附屬信息部分，如有關的參考資料、名詞解釋等。
在 article 標簽外使用時，作為頁面或者站點全局的附屬信息部分，如側(cè)邊欄、博客的友情鏈接部分、廣告區(qū)域等。
使用頻率低。

代碼如下:

   

馬云是誰

   

馬云，男，1964年10月15日出生于浙江省杭州市，中國著名企業(yè)家，阿里巴巴集團、淘寶網(wǎng)、支付寶創(chuàng)始人..........

   

time
time 標簽，從語義化上看為時間，其用法如下：

代表 24 小時中的某個時刻或某個日期
表示時刻時允許帶時間差
可定義很多格式的日期和時間
使用頻率低。

代碼如下:

2014年3月6日

2014年3月6日20:00

2014年3月6日20:00

二、非主體結構元素
header
header 標簽，從語義化上看為文檔的頁眉，其用法如下：

一種具有引導和導航作用的結構元素
通常放置在整個頁面或者頁面內(nèi)的一個內(nèi)容區(qū)塊的標題
一個網(wǎng)頁內(nèi)并沒有限制 header 標簽的個數(shù)
使用頻率極高，比較容易理解。

代碼如下:

   

我是大頭

   

       

我是脖子

   

   

我是身體

hgroup
hgroup 標簽，從語義化上看為標題組，其用法如下：

作為 header 標簽的子元素
一個內(nèi)容模塊中包括了主標題和至少一個子標題才使用 hgroup
通常會將 h2~h7 元素進行分組
使用頻率高。

代碼如下:

   

       
           

我是劉備

           

我是關羽

           

我是張飛

       
   

   

呂布驚呆了

footer
footer 標簽，從語義化上看為文檔的腳注，其用法如下：

一個內(nèi)容塊區(qū)的腳注
通常內(nèi)容為聯(lián)系信息、相關閱讀、版權信息等
使用頻率高，比較容易理解。

代碼如下:

   

呂布驚呆了

   

address
address 標簽，從語義化上看為地址，其用法如下：

用于文檔中呈現(xiàn)的聯(lián)系信息
通常內(nèi)容為作者、網(wǎng)站鏈接、電子郵箱、地址、電話號碼等
使用頻率低。

代碼如下:

   作者：張三豐
   地址：武當山
   聯(lián)系方式：1247

“HTML5中的新標簽和常用標簽詳解”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

當前文章：HTML5中的新標簽和常用標簽詳解-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/dhesdj.html