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