本篇文章給大家分享的是有關(guān)html中header定義的作用是什么，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

成都創(chuàng)新互聯(lián)為企業(yè)級(jí)客戶提高一站式互聯(lián)網(wǎng)+設(shè)計(jì)服務(wù)，主要包括成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、重慶APP軟件開發(fā)、小程序開發(fā)、宣傳片制作、LOGO設(shè)計(jì)等，幫助客戶快速提升營(yíng)銷能力和企業(yè)形象，創(chuàng)新互聯(lián)各部門都有經(jīng)驗(yàn)豐富的經(jīng)驗(yàn)，可以確保每一個(gè)作品的質(zhì)量和創(chuàng)作周期，同時(shí)每年都有很多新員工加入，為我們帶來(lái)大量新的創(chuàng)意。 

在html中，header標(biāo)簽定義文檔的頁(yè)眉。語(yǔ)法格式為“

內(nèi)容

”。header元素是一種具有引導(dǎo)和導(dǎo)航作用的結(jié)構(gòu)元素，通常用來(lái)放置整個(gè)頁(yè)面或頁(yè)面內(nèi)的一個(gè)內(nèi)容區(qū)塊的標(biāo)題等。

一、header標(biāo)簽元素基本介紹

在HTML5版本之前習(xí)慣使用div標(biāo)簽布局網(wǎng)頁(yè)，在HTML5在div標(biāo)簽基礎(chǔ)上新增header標(biāo)簽元素。也叫“

內(nèi)容

頭部?jī)?nèi)容區(qū)

頭部?jī)?nèi)容區(qū)

3、設(shè)置class

頭部?jī)?nèi)容區(qū)

4、特點(diǎn)：就像div標(biāo)簽元素一樣可以多次使用，不同地方可以使用id或class設(shè)置不同樣式。

三、兼容性

因?yàn)閔eader標(biāo)簽是HTML5新增標(biāo)簽元素，所以舊版本瀏覽器均不支持，需要IE9+以上瀏覽器、最新谷歌Chrome等瀏覽器才支持。當(dāng)然國(guó)內(nèi)360瀏覽器、百度瀏覽器、遨游瀏覽器等瀏覽器均借用系統(tǒng)自帶IE內(nèi)核，所以國(guó)內(nèi)瀏覽器實(shí)際上與你系統(tǒng)自帶瀏覽器IE版本相同，所以你IE瀏覽器在IE9或以上版本自然就兼容HTML5新增標(biāo)簽元素。

四、新舊div布局對(duì)比案例

通過(guò)div+CSS布局與HTML5+CSS布局對(duì)比觀察并掌握對(duì)header應(yīng)用。

實(shí)例

  
    
    
    
  
  
    我在傳統(tǒng)div布局中