HTML <footer> 标签
示例
文档中的页脚部分
<footer>
<p>作者：Hege Refsnes</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>
亲自试一试 »
下面有更多“亲自试一试”的例子。
定义和用法
The <footer> 标签定义文档或节的页脚。
一个 <footer> 元素通常包含
- 作者信息
- 版权信息
- 联系信息
- 网站地图
- 返回顶部链接
- 相关文档
你可以在一个文档中有多个 <footer> 元素。
提示和说明
提示： <footer> 元素中的联系信息应放在 <address> 标签中。
浏览器支持
表格中的数字指定了完全支持该元素的第一个浏览器版本。
| 元素 | |||||
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
全局属性
The <footer> 标签也支持 HTML 中的全局属性。
事件属性
The <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:[email protected]">[email protected]</a></p>
</footer>
</body>
</html>
亲自试一试 »
相关页面
HTML DOM 参考：页脚对象
默认 CSS 设置
大多数浏览器会使用以下默认值显示 <footer> 元素
footer {
display: block;
}
