溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下html5中footer標簽的使用方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
首先我們先看看html5 footer標簽的使用：
HTML5 <footer>標簽元素 新增html5底部footer元素標簽，對html 5新增footer標簽基礎認識到了解footer css布局教程做到真正掌握與認識<footer>
記得我們在以前html5版本以前布局網頁底部版權時，習慣使用id=”footer”或class=”footer”。了解更多html教程標簽！
比如傳統html布局代碼：
<div id=”footer”> ? 億速云 版權所有<br /> 學習html，找DIV+CSS資源上億速云! </div>
但在html5中將此”footer”常用的命名新增為html5元素標簽成員。
html5 footer標簽的語法：
<footer> ? 億速云 版權所有<br /> 學習html，找DIV+CSS資源上億速云! </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 億速云在線演示</title> </head> <body> <p>傳統html 使用div布局</p> <div id="footer"> ? 億速云 版權所有<br /> 學習html，找DIV+CSS資源上億速云! </div> <p>html5 footer標簽布局</p> <footer> ? 億速云 版權所有<br /> 學習html，找DIV+CSS資源上億速云! </footer> </body> </html>
以上是html5中footer標簽的使用方法的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
