HTML <footer> 标签
示例
文档的页脚部分
<footer>
<p>作者：Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
自己动手试一试 »
更多“自己尝试”的例子见下文。
定义和用法
<footer> 标签定义文档或部分的页脚。
<footer> 元素通常包含
- 作者信息
- 版权信息
- 联系信息
- 站点地图
- 返回顶部链接
- 相关文档
一个文档中可以有多个 <footer> 元素。
提示和注释
提示： <footer> 元素内的联系信息应放在 <address> 标签内。
浏览器支持
表格中的数字表示完全支持该元素的首个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
全局属性
<footer> 标签也支持 HTML 全局属性。
事件属性
<footer> 标签也支持 HTML 事件属性。
更多示例
示例
使用 CSS 设置 <footer> 的样式
<html>
<head>
<style>
footer {
text-align: center;
padding: 3px;
background-color: DarkSalmon;
color: white;
}
</style>
</head>
<body>
<footer>
<p>作者：Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
自己动手试一试 »
相关页面
HTML DOM 参考： Footer 对象
默认 CSS 设置
大多数浏览器会以以下默认值显示 <footer> 元素
footer {
display: block;
}
