HTML <footer> 元素
HTML <footer>
元素表示最近的章节内容或章节根节点元素的页脚。页脚通常包含有关该部分的作者,版权数据或相关文档的链接信息。
通过 <footer>
展示文章的发布者和发表时间:
<footer>
<p>发布者: Hege Refsnes</p>
<p><time pubdate datetime="2017-08-08"></time></p>
</footer>
特性
内容类别 | 流式内容,可触知内容。 |
---|---|
允许的内容 |
流式内容,但不能包含 <footer> 或 <header> 。 |
标签省略 | 不允许,开始标签和结束标签都不能省略。 |
允许的父元素 | 任何接受流式内容的元素。注意 <footer> 元素必须不能是 <address> ,<header> 或其他 <footer> 元素的后代元素。 |
允许的 ARIA 角色 |
group ,presentation
|
DOM 接口 | HTMLElement |
属性
该元素只包含全局属性。
事件属性
<footer>
元素支持 HTML 的事件属性。
使用注意
-
<footer>
元素中可以包含带有作者信息的<address>
元素 -
<footer>
元素不是章节根节点,因此在大纲中不会产生一个新的章节。 -
<footer>
元素可以包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等信息。 - 在一个文档中,您可以定义多个
<footer>
元素。
更多实例
通过 <footer>
展示版权信息:
<footer>
© 2016-2017 mifengjc.com
</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 |