一、我們先來看看<header>標籤和<footer>標籤的區別:
<header>標籤定義文檔或者文檔的一部分地區的頁首。
<header> 元素應該作為介紹內容或者導航連結列的容器。在一個文檔中，可以定義多個 <header> 元素。
注釋：<header> 標籤不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
<footer> 標籤定義文檔或者文檔的一部分地區的頁尾。
<footer> 元素應該包含它所包含的元素的資訊。
在典型情況下，該元素會包含文檔創作者的姓名、文檔的著作權資訊、使用規定的連結、聯絡資訊等等。
在一個文檔中，您可以定義多個 <footer> 元素。
<article> <header> <h1>這是topic.alibabacloud.com介紹的頁頭</h1> <p><time pubdate datetime="2011-03-15"></time></p> </header> <p>Windows Internet Explorer 9 (abbreviated as IE9) 這裡是topic.alibabacloud.com</p></article><footer> <p>這裡是topic.alibabacloud.com中的頁尾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>topic.alibabacloud.com示範</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>
效果是這樣的：
以上就是這篇文章的全部內容了（想看更多，歡迎來到topic.alibabacloud.com學習。更多的編程課程等著你的到來），有問題的可以在下方留言
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
