首先我們先看看html5 footer標籤的使用：
HTML5 <footer>標籤元素 新增html5底部footer元素標籤，對html 5新增footer標籤基礎認識到瞭解footer css布局教程做到真正掌握與認識<footer>
記得我們在以前html5版本以前布局網頁底部著作權時，習慣使用id=”footer”或class=”footer”。瞭解更多html教程標籤！
比如傳統html布局代碼：
<div id=”footer”> php中文網 著作權<br /> 學習html，找DIV+CSS資源上topic.alibabacloud.com! </div>
但在html5中將此”footer”常用的命名新增為html5元素標籤成員。
html5 footer標籤的文法：
<footer> php中文網 著作權<br /> 學習html，找DIV+CSS資源上topic.alibabacloud.com! </footer>
小知識擴充:
我們在html5開發使用footer標籤時，把當作普通div標籤對待即可，只不過一般用於網站底部布局。一般情況下一篇網頁只有一個底部區，所以使用最好只使用一次footer即可。
需要注意：<footer>是html5新增的，在IE8及以下IE瀏覽器不相容，謹慎使用。
html5 footer使用布局案例：
通過傳統div標籤布局與footer標籤布局對比觀察學習，從而掌握footer標籤。完整HTML5布局執行個體代碼:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>footer topic.alibabacloud.com線上示範</title> </head> <body> <p>傳統html 使用div布局</p> <div id="footer"> php中文網 著作權<br /> 學習html，找DIV+CSS資源上topic.alibabacloud.com! </div> <p>html5 footer標籤布局</p> <footer> php中文網 著作權<br /> 學習html，找DIV+CSS資源上topic.alibabacloud.com! </footer> </body> </html>
效果：
好了，到這，這篇關於HTML5 footer標籤的文章就結束了（想學更多就來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
