這篇文章主要講解了“HTML5新語義化標簽如何使用”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“HTML5新語義化標簽如何使用”吧！

創(chuàng)新互聯(lián)服務(wù)項目包括清原網(wǎng)站建設(shè)、清原網(wǎng)站制作、清原網(wǎng)頁制作以及清原網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，清原網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到清原省份的部分城市，未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

我們先通過以下這張圖來看看。

HTML5新增語義化標簽

header標簽

header標簽表示頁面或一個區(qū)域(section)的頁眉部分，通常在里面包含h2-h7標簽來使用。

我們直接通過代碼來看看在瀏覽器上的效果。

header標簽效果

footer標簽

footer標簽和header標簽類似，表示頁面或一個區(qū)域(section)的頁腳部分，通常會將網(wǎng)站的證書，許可，版權(quán)協(xié)議等內(nèi)容放在這塊。

footer標簽

hgroup標簽

hgroup標簽一般用于h2-h7標簽的組合，比如主標題，副標題，三級標題的組合情況。

我們通過以下代碼段來看看其代碼組織形式。

hgroup標簽

需要注意的一點是，如果需要使用hgroup標簽則保證在hgroup標簽里至少有兩個h標簽，如果只有一個h標簽，則應(yīng)該去掉hgroup標簽。

nav標簽

nav標簽主要用于定義頁面的導(dǎo)航部分，例如頁面或者section中的側(cè)邊目錄欄。

其使用方式如下代碼段所示。

nav標簽

aside標簽

aside標簽一般會指定網(wǎng)頁的相關(guān)內(nèi)容，友情鏈接等附注性的東西，類似于廣告也可以使用aside標簽。

main標簽

main標簽定義一個頁面的主要內(nèi)容，在一個頁面中只能使用一次。

article標簽

article標簽表示的是一個獨立完整的內(nèi)容區(qū)域，比如一張報紙的某個獨立版塊。

在article標簽內(nèi)部可以包含其他語義化標簽，其基本使用如下所示。

article標簽

section標簽

section標簽表示的是文檔中內(nèi)容的分節(jié)或分段，上述的article，nav或者aside其實都可以看做特殊的section標簽，如果能用article，nav，aside標簽，最好不要用section標簽。

section標簽與與article標簽可以互相嵌套，需要視具體情況而定。

感謝各位的閱讀，以上就是“HTML5新語義化標簽如何使用”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對HTML5新語義化標簽如何使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！

文章題目：HTML5新語義化標簽如何使用
網(wǎng)站路徑：http://chinadenli.net/article24/pigpce.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網(wǎng)站、云服務(wù)器、網(wǎng)站導(dǎo)航、服務(wù)器托管、網(wǎng)頁設(shè)計公司、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)