Los últimos tutoriales de desarrollo web
 

HTML <header> Tag


Ejemplo

Una cabecera para un <article> :

<article>
  <header>
    <h1>Most important heading here</h1>
    <h3>Less important heading here</h3>
    <p>Some additional information here</p>
  </header>
  <p>Lorem Ipsum dolor set amet....</p>
</article>
Inténtalo tú mismo "

Definición y Uso

La <header> elemento representa un contenedor para el contenido de introducción o un conjunto de enlaces de navegación.

Un <header> elemento típicamente contiene:

  • uno o más elementos de encabezado (<h1> - <h6>)
  • logotipo o icono
  • información de autoría

Puede tener varias <header> elementos en un solo documento.

Nota: Un <header> etiqueta no se puede colocar dentro de un <footer> , <address> u otro <header> elemento.


Soporte para el navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.

Elemento
<header> 6.0 9.0 4.0 5.0 11.1

Diferencias entre HTML 4.01 y HTML5

La <header> etiqueta es nueva en HTML5.


Los atributos globales

La <header> etiqueta también es compatible con el de los atributos globales en HTML .


Atributos de eventos

La <header> etiqueta también es compatible con la atributos de eventos en HTML .


Páginas relacionadas

Referencia HTML DOM: Objeto de Cabecera


Ajustes por defecto CSS

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

header {
    display: block;
}