轻松上手,快乐学习!

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;
}