歡迎關注支持!謝謝!本篇將介紹的是html中<footer>頁腳標籤的用法,有興趣的朋友可以學習一下!
在html5版本中,新增了很多語義化的標籤,這些語義化標籤對內容是沒有樣式效果的,它們只是起到語義化的作用。比如:<header>、<nav>、<aside>、<footer>等標籤,今天要介紹的就是其中之一,即<footer>標籤。
「footer」作為英文單詞有「頁腳」的意思,那作為html中的標籤又有什麼意思呢?接下來我們一起來看看吧!
一、<footer>標籤的定義及用法
在html中,<footer>標籤是html5新增的語義化標籤,是使用來定義文檔或節的頁腳。它只起到語義的作用,默認對內容是沒有任何樣式效果的,如果要添加樣式,一般是使用css來實現;
一個網頁中可以使用多個<footer>標籤,<footer>標籤一般是表示文檔或者文檔的一部分區域的頁腳,應該包含它所包含的元素的信息。比如創作者的姓名、文檔的創作日期以及創作者的聯繫信息等;
在使用的時候,可以將<footer>標籤當作<div>標籤來使用,但是要考慮到<footer>標籤的語義,一般在一個網頁中頁面底部的時候才使用;
二、<footer>標籤語法格式
<footer id="footer">頁腳內容<footer>
說明:
<footer>標籤中的內容默認是沒有任何樣式效果的,和<div>標籤的效果一樣,只是語義不一樣;<footer>標籤支持html全局屬性以及全局事件,通常css會通過標籤的id屬性來更改它的樣式;三、實例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html中footer頁腳標籤的詳細介紹</title></head><body bgcolor="bisque"><section><p>這是一個段落</p></section><footer><p>2019 百家號</p><p>Posted by: 編程的樂趣百家號</p></footer></body></html>
運行結果:
好了,關於html中<footer>標籤的介紹就結束了,希望能幫助大家!