重慶分公司
重慶分公司
創(chuàng)新互聯(lián)建站的html5語義化標(biāo)簽之結(jié)構(gòu)標(biāo)簽
article、section、hgroup、aside、nav...
...這里面包含了很多東西...
小編給大家分享一下html5中header標(biāo)簽怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、首先我們來說說html5 header標(biāo)簽元素基本介紹
header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來放置整個頁面或頁面內(nèi)的一個內(nèi)容區(qū)塊的標(biāo)題，但也可以包含其他的內(nèi)容，比如在header里面放置logo圖片、搜索表單等等。
注意：一個頁面內(nèi)并沒有限制header的出現(xiàn)次數(shù)，也就是說我們可以在同一頁面內(nèi)，不同的內(nèi)容區(qū)塊上分別加上一個header元素。
在HTML5版本之前習(xí)慣使用div標(biāo)簽布局網(wǎng)頁，在HTML5在DIV標(biāo)簽基礎(chǔ)上新增header標(biāo)簽元素。也叫“
正應(yīng)為大家公認(rèn)html布局中對“header”為常用命名，所以在HTML5新增了個header標(biāo)簽元素?？梢赃@樣理解為什么在html5中新增header為標(biāo)簽元素。
除了直接使用header標(biāo)簽外，也可以對header設(shè)置class或id。
html5 header標(biāo)簽的用法實例：
對主頁的介紹：
創(chuàng)新互聯(lián)建站
專注于編程（創(chuàng)新互聯(lián)建站）
創(chuàng)新互聯(lián)建站的html5語義化標(biāo)簽之結(jié)構(gòu)標(biāo)簽
article、section、hgroup、aside、nav...
...這里面包含了很多東西...
這就是最基本的用法了。在上面的結(jié)構(gòu)中，我們可以看到使用header我們定義了一篇文章的標(biāo)題和內(nèi)容。這里header標(biāo)簽的使用并不是頁面的頁頭，而是文章的頁頭。
所以在HTML5中，header的使用更加靈活，你可以根據(jù)你的需要來定義和組織document結(jié)構(gòu)。
同樣,在架構(gòu)頁面時，header標(biāo)簽一般都放在頁面的頂部，但是如果你想把他放在左側(cè)，右側(cè)甚至底部都沒有關(guān)系，標(biāo)簽只定義了本身在頁面的角色，而不是位置。當(dāng)然更具搜索引擎優(yōu)化原則，重要內(nèi)容最后在架構(gòu)頁面的時候提前。
二、現(xiàn)在再來說說兼容性的問題了：
因為header標(biāo)簽是HTML5新增標(biāo)簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當(dāng)然國內(nèi)360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統(tǒng)自帶IE內(nèi)核，所以國內(nèi)瀏覽器實際上與你系統(tǒng)自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標(biāo)簽元素。
現(xiàn)在我們升級一下上文的代碼：
HTML5教程創(chuàng)新互聯(lián)建站
[手機版] [創(chuàng)新互聯(lián)建站]
以上是html5中header標(biāo)簽怎么用的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！
