<footer>:頁尾元素

基線 廣泛可用

此功能已得到完善,可在許多裝置和瀏覽器版本中使用。它自以下時間起在瀏覽器中可用: 2015 年 7 月.

<footer> HTML 元素表示其最近的祖先 分段內容分段根 元素的頁尾。<footer> 通常包含有關該分段作者的資訊、版權資料或指向相關文件的連結。

試一試

屬性

此元素僅包含 全域性屬性

使用說明

  • 在可以包含到 <footer> 元素中的 <address> 元素中包含有關作者的資訊。
  • 當最近的祖先分段內容或分段根元素是 body 元素時,頁尾適用於整個頁面。
  • <footer> 元素不是分段內容,因此不會在 大綱 中引入新部分。

無障礙訪問

在 Safari 13 釋出之前,contentinfo 地標角色 沒有被 VoiceOver 正確地暴露出來。如果需要支援舊版本的 Safari 瀏覽器,請將 role="contentinfo" 新增到 footer 元素中,以確保地標能夠被正確地暴露出來。

示例

html
<body>
  <h3>FIFA World Cup top goalscorers</h3>
  <ol>
    <li>Miroslav Klose, 16</li>
    <li>Ronaldo Nazário, 15</li>
    <li>Gerd Müller, 14</li>
  </ol>

  <footer>
    <small>
      Copyright © 2023 Football History Archives. All Rights Reserved.
    </small>
  </footer>
</body>
css
footer {
  text-align: center;
  padding: 5px;
  background-color: #abbaba;
  color: #000;
}

技術摘要

內容類別 流內容,可感知內容。
允許的內容 流內容,但不能有 <footer><header> 後代元素。
標籤省略 無,起始標籤和結束標籤都是必須的。
允許的父元素 任何接受 流內容 的元素。請注意,<footer> 元素不能是 <address><header> 或另一個 <footer> 元素的後代元素。
隱式 ARIA 角色 contentinfo,或者如果它是 articleasidemainnavsection 元素的後代元素,或者是一個具有 role=articlecomplementarymainnavigationregion 的元素,則為 generic
允許的 ARIA 角色 grouppresentationnone
DOM 介面 HTMLElement

規範

規範
HTML 標準
# the-footer-element

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱