El elemento HEADER representa un contenido de introducción o de navegación inicial para el contenido de una sección.

Se utiliza como encabezado de sección, conteniendo elementos de encabezado H1-H6 o HGROUP. Su uso es opcional, y también puede incluir

• Tabla de contenidos de la sección.
• Formulario de búsqueda.

Saber más: header – header (enlace externo, en inglés).

Ejemplos

Ya no es necesario utilizar códigos como el siguiente (aunque todavía se pueden utilizar) para hacer la cabecera del documento (no es semántico, el DIV no aporta información acerca de si el bloque es una cabecera):

<div id="cabecera">
  <h1>Mi blog</h1>
  <p>Lema del blog</p>
</div>

Ahora se puede utilizar el elemento HEADER:

<header>
  <h1>Mi blog</h1>
  <p>Lema del blog</p>
</header>