简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > H5教程 > 主體

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

寻∝梦
發布： 2018-08-30 16:24:07
原創
4149 人瀏覽過

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

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

HTML5

標籤元素新增html5底部footer元素標籤，對html 5新增footer標籤基礎認識到了解footer css佈局教程做到真正掌握與認識

記得我們在以前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新增的，在IE8及以下IE瀏覽器不相容，謹慎使用。

html5 footer使用佈局案例：

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

 
 
 
 
footer PHP中文网在线演示 
 
 

传统html 使用div布局
 
 

html5 footer标签布局
 
<footer> 
　　© php中文网 版权所有<br /> 
　　学习html，找DIV+CSS资源上PHP中文网! 
</footer>
登入後複製

效果如圖所示：

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

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

【小編推薦】

html中的head標籤在哪裡找？ head標籤的作用總結

html frame標籤怎麼使用？ frame標籤的用法介紹（附實例）

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

相關標籤：
html5
來源：php.cn
上一篇：html5中的meta標籤的三要素是什麼？ meta標籤的使用總結 下一篇：html5是什麼？ html5有什麼用？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
2
1724
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
10
1880
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1590
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1508
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1546
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！