HTML <footer> 标签
实例
文档中的页脚部分：
<footer>
<p>作者: Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</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>
亲自试一试 »
<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;
}
display: block;
}
