Etiqueta HTML <encabezado>
Ejemplo
Un encabezado para un <artículo>:
<article>
<header>
<h1>A heading here</h1>
<p>Posted by John
Doe</p>
<p>Some additional information here</p>
</header>
<p>Lorem Ipsum dolor set amet....</p>
</article>
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
El <header>
elemento representa un contenedor de contenido introductorio o un conjunto de enlaces de navegación.
Un <header>
elemento normalmente contiene:
- uno o más elementos de encabezado (<h1> - <h6>)
- logotipo o icono
- información de autoría
Nota: Puede tener varios <header>
elementos en un documento HTML. Sin embargo, <header>
no se puede colocar dentro de un <footer>, <address> u otro <header>
elemento.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
Element | |||||
---|---|---|---|---|---|
<header> | 5.0 | 9.0 | 4.0 | 5.0 | 11.1 |
Atributos globales
La <header>
etiqueta también es compatible con los atributos globales en HTML .
Atributos de eventos
La <header>
etiqueta también es compatible con los atributos de eventos en HTML .
Más ejemplos
Ejemplo
Un encabezado de página:
<header>
<h1>Main page heading here</h1>
<p>Posted by
John Doe</p>
</header>
páginas relacionadas
Referencia HTML DOM: objeto de encabezado
Configuración predeterminada de CSS
La mayoría de los navegadores mostrarán el <header>
elemento con los siguientes valores predeterminados:
header {
display: block;
}