Etiqueta <footer> de HTML

定义和用法

<footer> 标签定义文档或小节的页脚。

<footer> 元素通常包含：

  • 作者信息
  • 版权信息
  • 联系信息
  • 站点地图
  • 返回顶部链接
  • 相关页面

您可以在一个文档中包含多个 <footer> 元素。

另请参阅：

HTML DOM 参考手册：Footer 对象

实例

例子 1

文档中的页脚部分：

<footer>
  <p>作者：Bill Gates</p>
  <p><a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>

Prueba por tu cuenta

例子 2

使用 CSS 设置 <footer> 的样式：

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>
<footer>
  <p>Autor: Bill Gates<br>
  <a href="mailto:bill@example.com">bill@example.com</a></p>
</footer>
</body>
</html>

Prueba por tu cuenta

Consejos y comentarios

Consejo:<footer> La información de contacto en el elemento debe estar ubicada <address> en la etiqueta.

Atributos globales

<footer> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<footer> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores utilizarán los siguientes valores predeterminados para mostrar <footer> Elemento:

footer {
  display: block;
}

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el elemento.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1