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