HTML <footer> 元素

HTML <footer> 元素表示最近的章节内容章节根节点元素的页脚。页脚通常包含有关该部分的作者,版权数据或相关文档的链接信息。

通过 <footer> 展示文章的发布者和发表时间:

<footer>
  <p>发布者: Hege Refsnes</p>
  <p><time pubdate datetime="2017-08-08"></time></p>
</footer>

尝试一下 »

截图

通过 <footer> 展示文章的发布者和发表时间

特性

内容类别 流式内容可触知内容
允许的内容 流式内容,但不能包含 <footer><header>
标签省略 不允许,开始标签和结束标签都不能省略。
允许的父元素 任何接受流式内容的元素。注意 <footer> 元素必须不能是 <address><header> 或其他 <footer> 元素的后代元素。
允许的 ARIA 角色 grouppresentation
DOM 接口 HTMLElement

属性

该元素包含全局属性

事件属性

<footer> 元素支持 HTML 的事件属性

使用注意

  • <footer> 元素中可以包含带有作者信息的 <address> 元素
  • <footer> 元素不是章节根节点,因此在大纲中不会产生一个新的章节。
  • <footer> 元素可以包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等信息。
  • 在一个文档中,您可以定义多个 <footer> 元素。

更多实例

通过 <footer> 展示版权信息:

<footer>
   © 2016-2017 mifengjc.com
</footer> 

尝试一下 »

截图

通过 <footer> 展示版权信息

规范

规范 状态 备注
HTML Living Standard
<footer> 的定义
现行的标准 -
HTML5
<footer> 的定义
推荐 -

HTML 4.01 与 HTML5 之间的差异

<footer> 元素是 HTML5 中的新元素。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 5 支持 4 9 11.1 4.1

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 支持 支持 支持 4 9 11 4.2

相关链接