溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了html中header標簽和footer標簽的區別有哪些，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
一、我們先來看看<header>標簽和<footer>標簽的區別:
<header>標簽定義文檔或者文檔的一部分區域的頁眉。
<header> 元素應該作為介紹內容或者導航鏈接欄的容器。在一個文檔中，可以定義多個 <header> 元素。
注釋：<header> 標簽不能被放在 <footer>、<address> 或者另一個 <header> 元素內部。
<footer> 標簽定義文檔或者文檔的一部分區域的頁腳。
<footer> 元素應該包含它所包含的元素的信息。
在典型情況下，該元素會包含文檔創作者的姓名、文檔的版權信息、使用條款的鏈接、聯系信息等等。
在一個文檔中，您可以定義多個 <footer> 元素。
<article>
<header>
<h2>這是億速云介紹的頁頭</h2>
<p><time pubdate datetime="2011-03-15"></time></p>
</header>
<p>Windows Internet Explorer 9 (abbreviated as IE9) 這里是億速云</p>
</article>
<footer>
<p>這里是億速云中的頁腳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>億速云演示</title> </head> <body> <article> <header> <h4>文章的標題</h4> <h6>作者</h6> </header> <p>我是正文-我是正文-我是正文-------------<></p> <article> <head> <h5>網友的評論</h5> <p>評論內容-評論內容-評論內容----------</p> </head> <footer> 發布時間：1433223 </footer> </article> <footer> <p>尾部：3000：評論</p> </footer> </article> </body> </html>
效果是這樣的：
感謝你能夠認真閱讀完這篇文章，希望小編分享html中header標簽和footer標簽的區別有哪些內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
