HTML <footer> 標籤

admin發表於2019-02-03

<footer>標籤是HTML5新增,用於增強頁面佈局的語義化。

關於語義化佈局更多內容參閱HMTL 語義化佈局一章節。

此標籤用於定義文件或者章節的頁尾內容,通常是地址、聯絡方式、版權等資訊。

在HTML5之前,定義頁尾通常使用如下方式:

[HTML] 純文字檢視 複製程式碼
<div class="footer"> 
  &#169; 螞蟻部落版權所有<br /> 
  螞蟻部落位於青島市南區
</div>

將選擇器命名為"footer",傳達給搜尋引擎和其他開發人員此div的作用是作為頁尾。

使用<footer>標籤當然比使用選擇器進行語義化宣告更加科學,程式碼修改如下:

[HTML] 純文字檢視 複製程式碼
<footer> 
  &#169; 螞蟻部落版權所有<br /> 
  螞蟻部落位於青島市南區
</footer>

特別說明:

(1).可以是網頁或任意section的底部部分;

(2).沒有個數限制,除了包裹的內容不一樣,其他跟header類似。

(3).不要覺得<footer>標籤很特別,它實際就是一個語義化的div,推薦作為頁尾。