<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，或者如果它是 article、aside、main、nav 或 section 元素的后代元素，或者是一个具有 role=article、complementary、main、navigation 或 region 的元素，则为 generic。
允许的 ARIA 角色 group、presentation 或 none
DOM 接口 HTMLElement

规范

规范
HTML 标准
# the-footer-element

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅