Etiqueta HTML <footer>
Ejemplo
Una sección de pie de página en un documento:
<footer>
<p>Author: Hege Refsnes</p>
<p><a href="mailto:hege@example.com">hege@example.com</a></p>
</footer>
Try it Yourself »
Más ejemplos de "Try it Yourself" ("Pruébelo usted mismo") a continuación.
Definición y uso
La etiqueta <footer> define un pie de página para un documento o sección.
Un elemento <footer> normalmente contiene:
- Información sobre la autoría
- Información sobre derechos de autor
- Información de contacto
- Mapa del sitio
- Enlaces para volver al inicio
- Documentos relacionados
Puede tener varios elementos <footer> en un documento.
Consejos y notas
Consejo: La información de contacto dentro de un elemento <footer> debe ir dentro de una etiqueta <address>.
Compatibilidad con navegadores
Los números en la tabla especifican la primera versión del navegador que admite totalmente el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <footer> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Atributos globales
La etiqueta <footer> también admite los Atributos globales en HTML.
Atributos del evento
La etiqueta <footer> también admite los Atributos de evento en HTML.
Más ejemplos
Ejemplo
Utilice CSS para dar estilo <footer>:
<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:hege@example.com">hege@example.com</a></p>
</footer>
</body>
</html>
Try it Yourself »
Páginas relacionadas
HTML DOM referencia: Objeto Footer
Configuración de CSS predeterminada
La mayoría de los navegadores mostrarán el elemento <footer> con los siguientes valores predeterminados:
footer {
display: block;
}
