html5語義化標簽之結(jié)構(gòu)標簽
article、section、hgroup、aside、nav...
...這里面包含很多東西...
這篇文章給大家分享的是有關(guān)H5中header標簽的使用方法的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。
站在用戶的角度思考問題,與客戶深入溝通,找到五通橋網(wǎng)站設計與五通橋網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗,讓設計與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗好的作品,建站類型包括:成都網(wǎng)站設計、成都網(wǎng)站建設、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、域名與空間、虛擬空間、企業(yè)郵箱。業(yè)務覆蓋五通橋地區(qū)。
在新的標準中header標簽定義如下:
"A group of introductory or navigational aids.”
基本意思是“一組介紹性的護著導航相關(guān)的輔助內(nèi)容”。字面上理解header標簽不單單只是定義頁頭內(nèi)容,也可以定義頁頭以下其它內(nèi)容的介紹。這和我們傳統(tǒng)的頁面header定義并不完全一致。
通常-
1
專注于web前端開發(fā)
html5語義化標簽之結(jié)構(gòu)標簽
article、section、hgroup、aside、nav...
...這里面包含很多東西...
在上面的結(jié)構(gòu)中,我們可以看到使用header我們定義了一篇文章的標題和內(nèi)容。這里header標簽的使用并不是頁面的頁頭,而是文章的頁頭。
所以在HTML5中,header的使用更加靈活,你可以根據(jù)你的需要來定義和組織document結(jié)構(gòu)。
同樣,在架構(gòu)頁面時,header標簽一般都放在頁面的頂部,但是如果你想把他放在左側(cè),右側(cè)甚至底部都沒有關(guān)系,標簽只定義了本身在頁面的角色,而不是位置。當然更具搜索引擎優(yōu)化原則,重要內(nèi)容最后在架構(gòu)頁面的時候提前。
最后由于在HTML5中header屬于塊元素,如果我們要在大多數(shù)主流瀏覽器使用的話最好定義CSS,如下。
header { display:block;}
感謝各位的閱讀!關(guān)于H5中header標簽的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!