Etiqueta <header> de HTML

Definición y uso

<header> El elemento representa un contenedor de contenido introductorio o un grupo de enlaces de navegación.

<header> El elemento generalmente contiene:

  • Un o varios elementos de título (<h1> - <h6>)
  • Logotipo o icono
  • Información del autor

Consejo:<header> La etiqueta se utiliza a menudo para definir el encabezado del documento.

Nota:un documento HTML puede tener múltiples <header> elemento. Sin embargo,<header> No puede colocarse <footer>,<address> o otro <header> en el elemento.

Por favor, consulte:

Manual de referencia del DOM HTML:Objeto de encabezado

Ejemplo

Ejemplo 1

Título del <article>:

<article>
  <header>
    <h1>Este es el título</h1>
    <p>Publicado por Bill Gates</p>
    <p>Se proporciona información adicional aquí.</p>
  </header>
  <p>Esta es el texto principal.... Esta es el texto principal....</p>
</article>

Prueba por ti mismo

Ejemplo 2

Encabezado:

<header>
  <h1>Este es el título de la página principal</h1>
  <p>Publicado por Bill Gates</p>
</header>

Prueba por ti mismo

Atributos globales

<header> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<header> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán los siguientes valores predeterminados <header> Elemento:

header {
  display: block;
}

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta etiqueta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
5.0 9.0 4.0 5.0 11.1