一、我們先來(lái)看看 header 標(biāo)簽和 footer 標(biāo)簽的區(qū)別:

header 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁(yè)眉。

header 元素應(yīng)該作為介紹內(nèi)容或者導(dǎo)航鏈接欄的容器。在一個(gè)文檔中，可以定義多個(gè) header 元素。

注釋： header 標(biāo)簽不能被放在 footer 、 address 或者另一個(gè) header 元素內(nèi)部。

footer 標(biāo)簽定義文檔或者文檔的一部分區(qū)域的頁(yè)腳。

footer 元素應(yīng)該包含它所包含的元素的信息。

在典型情況下，該元素會(huì)包含文檔創(chuàng)作者的姓名、文檔的版權(quán)信息、使用條款的鏈接、聯(lián)系信息等等。

在一個(gè)文檔中，您可以定義多個(gè) footer 元素。

 article  header  h1 這是PHP 介紹的頁(yè)頭 /h1  p time pubdate datetime= 2011-03-15 /time /p  /header  p Windows Internet Explorer 9 (abbreviated as IE9) 這里是PHP  /p  /article  footer  p 這里是PHP 中的頁(yè)腳footer的用法 /p  p time pubdate datetime= 2012-03-01 /time /p  /footer 

這里有效果圖：

二、我們現(xiàn)在來(lái)看看header標(biāo)簽和footer標(biāo)簽的另一方面的區(qū)別:

header元素：

表示其最近父元素的一組引導(dǎo)性內(nèi)容。header的父元素可能是分節(jié)元素（artic，section，aside等）或根元素（body元素）。當(dāng)header元素的最近父元素是body元素，那么header元素表示的是整個(gè)HTML頁(yè)面的一組引導(dǎo)性內(nèi)容。如果在HTML文檔中有一個(gè)新的區(qū)域內(nèi)容，那么就可以根據(jù)內(nèi)容的需要來(lái)添加header元素，這樣做會(huì)提高文檔的語(yǔ)義。

footer元素：

表示其最近父元素補(bǔ)充說(shuō)明的內(nèi)容，footer的父元素可能是分節(jié)元素或根元素。

footer元素內(nèi)容通常與當(dāng)前所在區(qū)域內(nèi)容有關(guān)系，比如：當(dāng)前所在區(qū)域內(nèi)容的相關(guān)鏈接、版權(quán)信息等。

當(dāng)footer元素的最近父元素是body元素，那么footer元素表示的是整個(gè)HTML頁(yè)面的補(bǔ)充說(shuō)明。

footer元素通常用來(lái)標(biāo)記頁(yè)面內(nèi)容的一些擴(kuò)展信息，比如：附錄、條款、版本信息、許可協(xié)議、或其他內(nèi)容。

這還有個(gè)關(guān)于header標(biāo)簽和footer標(biāo)簽區(qū)別的實(shí)例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title PHP 演示 /title  /head  body  article  header  h3 文章的標(biāo)題 /h3  h5 作者 /h5  /header  p 我是正文-我是正文-我是正文------------- /p  article  head  h4 網(wǎng)友的評(píng)論 /h4  p 評(píng)論內(nèi)容-評(píng)論內(nèi)容-評(píng)論內(nèi)容---------- /p  /head  footer 發(fā)布時(shí)間：1433223 /footer  /article  footer  p 尾部：3000：評(píng)論 /p  /footer  /article  /body  /html 

效果是這樣的：

以上就是這篇文章的全部?jī)?nèi)容了（想看更多，歡迎來(lái)到PHP 學(xué)習(xí)。更多的編程課程等著你的到來(lái)），有問(wèn)題的可以在下方留言

【小編推薦】

html5 header標(biāo)簽是什么意思？html5 header標(biāo)簽的用法詳解（附實(shí)例）

input表單如何制作多行文本輸入框？一篇文章教你學(xué)會(huì)使用input標(biāo)簽

以上就是html header標(biāo)簽和footer標(biāo)簽區(qū)別的兩點(diǎn)總結(jié)（附元素區(qū)別實(shí)例）的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。