一、我們先來看看 header 標簽和 footer 標簽的區別:

header 標簽定義文檔或者文檔的一部分區域的頁眉。

header 元素應該作為介紹內容或者導航鏈接欄的容器。在一個文檔中，可以定義多個 header 元素。

注釋： header 標簽不能被放在 footer 、 address 或者另一個 header 元素內部。

footer 標簽定義文檔或者文檔的一部分區域的頁腳。

footer 元素應該包含它所包含的元素的信息。

在典型情況下，該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。

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

 article  header  h1 這是PHP 介紹的頁頭 /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 中的頁腳footer的用法 /p  p time pubdate datetime= 2012-03-01 /time /p  /footer 

這里有效果圖：

二、我們現在來看看header標簽和footer標簽的另一方面的區別:

header元素：

表示其最近父元素的一組引導性內容。header的父元素可能是分節元素（artic，section，aside等）或根元素（body元素）。當header元素的最近父元素是body元素，那么header元素表示的是整個HTML頁面的一組引導性內容。如果在HTML文檔中有一個新的區域內容，那么就可以根據內容的需要來添加header元素，這樣做會提高文檔的語義。

footer元素：

表示其最近父元素補充說明的內容，footer的父元素可能是分節元素或根元素。

footer元素內容通常與當前所在區域內容有關系，比如：當前所在區域內容的相關鏈接、版權信息等。

當footer元素的最近父元素是body元素，那么footer元素表示的是整個HTML頁面的補充說明。

footer元素通常用來標記頁面內容的一些擴展信息，比如：附錄、條款、版本信息、許可協議、或其他內容。

這還有個關于header標簽和footer標簽區別的實例：

 !DOCTYPE html  html  head  meta charset= UTF-8  title PHP 演示 /title  /head  body  article  header  h3 文章的標題 /h3  h5 作者 /h5  /header  p 我是正文-我是正文-我是正文------------- /p  article  head  h4 網友的評論 /h4  p 評論內容-評論內容-評論內容---------- /p  /head  footer 發布時間：1433223 /footer  /article  footer  p 尾部：3000：評論 /p  /footer  /article  /body  /html 

效果是這樣的：

以上就是這篇文章的全部內容了（想看更多，歡迎來到PHP 學習。更多的編程課程等著你的到來），有問題的可以在下方留言

【小編推薦】

html5 header標簽是什么意思？html5 header標簽的用法詳解（附實例）

input表單如何制作多行文本輸入框？一篇文章教你學會使用input標簽

以上就是html header標簽和footer標簽區別的兩點總結（附元素區別實例）的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。