首頁 >web前端 >H5教程 >html5 footer標籤怎麼用？ footer標籤的用法實例

html5 footer標籤怎麼用？ footer標籤的用法實例

本篇文章主要的為大家介紹了關於HTML5 footer標籤的使用方法，有佈局之類的知識，純html編輯，不需要會css，好了，現在讓我們來看看這篇關於html5 footer標籤的文章吧

首先我們先看看html5 footer標籤的使用：

HTML5

記得我們在以前html5版本以前佈局網頁底部版權時，習慣使用id=”footer”或class=”footer」。了解更多html教學標籤！

例如傳統html佈局程式碼：

<div id=”footer”> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</div>

但在html5中將此”footer”常用的命名新增為html5元素標籤成員。

html5 footer標籤的語法：

<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer>

#小知識擴充：

我們在html5開發使用footer標籤時，把當作普通div標籤對待即可，只不過一般用於網站底部佈局。一般情況下一篇網頁只有一個底部區，所以使用最好只使用一次footer即可。

要注意：

html5 footer使用佈局案例：

透過傳統div標籤佈局與footer標籤佈局對比觀察學習，從而掌握footer標籤。完整HTML5佈局實例程式碼:

footer PHP中文网在线演示

传统html 使用div布局

html5 footer标签布局

效果如圖所示：

html5 footer標籤怎麼用？ footer標籤的用法實例

#好了，到這，這篇關於HTML5 footer標籤的文章就結束了（想學更多就來PHP中文網，裡面有你所有想要的線上程式設計課程），有問題可以在下方留言

【小編推薦】

以上是html5 footer標籤怎麼用？ footer標籤的用法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多