HTML <footer> 標簽

定義和用法

<footer> 標簽定義文檔或小節的頁腳。

<footer> 元素通常包含：

  • 作者信息
  • 版權信息
  • 聯系信息
  • 站點地圖
  • 返回頂部鏈接
  • 相關頁面

您可以在一個文檔中包含多個 <footer> 元素。

另請參閱：

HTML DOM 參考手冊：Footer 對象

實例

例子 1

文檔中的頁腳部分：

<footer>
  <p>作者：Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

親自試一試

例子 2

使用 CSS 設置 <footer> 的樣式：

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p>作者：Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

親自試一試

提示和注釋

提示：<footer> 元素中的聯系信息應該放在 <address> 標簽中。

全局屬性

<footer> 標簽還支持 HTML 中的全局屬性。

事件屬性

<footer> 標簽還支持 HTML 中的事件屬性。

默認的 CSS 設置

大多數瀏覽器將使用以下默認值來顯示 <footer> 元素：

footer {
  display: block;
}

瀏覽器支持

表中的數字注明了首個完全支持該元素的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1