Etiqueta HTML <pie de página>


Ejemplo

Una sección de pie de página en un documento:

<footer>
  <p>Author: Hege Refsnes</p>
  <p><a href="mailto:[email protected]">[email protected]</a></p>
</footer>

Más ejemplos de "Pruébelo usted mismo" a continuación.


Definición y uso

La <footer>etiqueta define un pie de página para un documento o sección.

Un <footer>elemento normalmente contiene:

  • información de autoría
  • informacion registrada
  • Información del contacto
  • mapa del sitio
  • volver a los enlaces superiores
  • documentos relacionados

Puede tener varios <footer>elementos en un documento.


Consejos y notas

Sugerencia: la información de contacto dentro de un <footer>elemento debe ir dentro de una etiqueta <dirección> .


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Element
<footer> 5.0 9.0 4.0 5.0 11.1

Atributos globales

La <footer>etiqueta también es compatible con los atributos globales en HTML .


Atributos de eventos

La <footer>etiqueta también es compatible con los atributos de eventos en HTML .



Más ejemplos

Ejemplo

Use CSS para diseñar <pie de página>:

<html>
<head>
<style>
footer {
  text-align: center;
  padding: 3px;
  background-color: DarkSalmon;
  color: white;
}
</style>
</head>
<body>

<footer>
  <p>Author: Hege Refsnes<br>
  <a href="mailto:[email protected]">[email protected]</a></p>
</footer>

</body>
</html>

páginas relacionadas

Referencia HTML DOM: Objeto de pie de página


Configuración predeterminada de CSS

La mayoría de los navegadores mostrarán el <footer>elemento con los siguientes valores predeterminados:

footer {
  display: block;
}