- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 3Adobe Illustrator CS5 序列號大全
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 6Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8最新的Adobe Illustrator CS4序列號大全
- 9Intel i7-9700K性能跑分曝光：同代提升約12%
- 10qq郵件是否已讀怎么看 QQ郵箱已經發出去的郵件怎么知道對方是否已經查看
- 11XP系統怎么清除緩存？
- 12AMD推土機架構回顧：雖隕落卻是Zen成功的墊腳石
[摘要]本篇文章主要的為大家講述的關于HTML header標簽和footer標簽的兩點區別，接下來就讓我們一起來看這篇關于HTML header標簽和footer標簽的文章吧一、我們先來看看<header>標簽和<footer>標簽的區別:<header>標簽定義文檔...
本篇文章主要的為大家講述的關于HTML header標簽和footer標簽的兩點區別，接下來就讓我們一起來看這篇關于HTML header標簽和footer標簽的文章吧一、我們先來看看<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標簽區別的兩點總結（附元素區別實例）的詳細內容，更多請關注php中文網其它相關文章！
網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。
推薦資訊 總人氣榜
相關文章
- 在html中如何點出head標簽？head標簽中包含的元素有哪一些？
- HTML button標簽是否有超鏈接？這有button標簽設置超鏈接的案例
- HTML如何自定義dialog背景？一篇文章教你如何自定義dialog！
- html frame標簽如何使用？frame標簽的用法說明（附案例）
- html中的head標簽在什么地方里找？head標簽的作用總結
- html中b標簽與strong標簽的區別是什么？b與strong區別的總結
- HTML <a> download屬性使用方法詳細說明
- xhtml與html之間有什么區別？xhtml與html之間的異同區分
- html中的document對象是什么？一篇文章讓你知道document對象
- html font標簽如何設置字體大小？html font標簽屬性用法說明
- HTML中添加圖片的代碼是什么？html如何正確的添加圖片路徑？
- HTML中的圖片如何自適應屏幕？這篇文章有圖片的自適應用法說明
