html中header標簽和footer標簽的區別有哪些

這篇文章主要介紹了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標簽的區別有哪些

感謝你能夠認真閱讀完這篇文章，希望小編分享html中header標簽和footer標簽的區別有哪些內容對大家有幫助，同時也希望大家多多支持創新互聯，關注創新互聯行業資訊頻道，遇到問題就找創新互聯，詳細的解決方法等著你來學習!

當前文章：html中header標簽和footer標簽的區別有哪些
地址分享：http://www.2m8n56k.cn/article44/gseghe.html

成都網站建設公司_創新互聯，為您提供外貿建站、營銷型網站建設、網站排名、做網站、響應式網站、云服務器

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

html中header標簽和footer標簽的區別有哪些