Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Datos de búsqueda

HTML 5: Secuencia de encabezados y elementos estructurales

Elemento HEADER

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>
Ejemplo DIV como cabecera

Ejemplo de uso de elemento DIV como cabecera.

Ahora se puede utilizar el elemento HEADER:

<header>
  <h1>Mi blog</h1>
  <p>Lema del blog</p>
</header>
Ejemplo HEADER como cabecera

Ejemplo de uso de elemento HEADER como cabecera.

Compartir este artículo:

  • Compartir en del.icio.us
  • Compartir en Technorati
  • Añadir a Google Bookmarks
  • Compartir en Google Buzz

Datos del artículo:

Comentarios de la página

Puedes comentar o hacer trackback desde tu propio sitio web.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Hacer un comentario