最适合网络开发者的网站
HTML5。英语版 W3Schools。完整标签指南

尿素

HTML <footer> 标签


例子

文档中的页脚部分:

<footer>
<p>作者:Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
亲自尝试 »

下面有更多“自己尝试”的示例。


定义和用法

<footer> 标签定义文档或部分的页脚。

A <footer> 元素通常包含:

  • 作者信息
  • 版权信息
  • 联系信息
  • 网站地图
  • 返回顶部链接
  • 相关文件

你可以有多个 <footer> 一个文档中的元素。


提示和说明

提示: 联系信息<footer> 元素应该放在<address> 标签。


浏览器支持

表中的数字指定了完全支持该元素的第一个浏览器版本。

元素
<footer> 5.0 9.0 4.0 5.0 11.1

全局属性

<footer> 标签还支持HTML 中的全局属性.


事件属性

<footer> 标签还支持HTML 中的事件属性.


更多示例

例子

使用 CSS 来设置样式<footer> :

<html>
<head>
<style>
页脚 {
文本对齐:居中;
填充:3px;
背景颜色:深鲑鱼色;
白颜色;
}
</style>
</head>
<body>

<footer>
<p>作者:Hege Refsnes<br>
<a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>

</body>
</html>
亲自尝试 »

相关页面

HTML DOM 参考: 页脚对象


默认 CSS 设置

大多数浏览器会显示 <footer> 元素具有以下默认值:

页脚 {
显示:块;
}