Los elementos de encabezado implementan seis niveles de encabezado del documento, <h1> es el más importante, y <h6>, el menos importante. Un elemento de encabezado describe brevemente el tema de la sección que presenta. La información de encabezado puede ser usada por los agentes usuarios, por ejemplo, para construir una tabla de contenidos para un documento automáticamente.

Notas de uso:

  • No se deben usar niveles inferiores para reducir el tamaño de la fuente: use la propiedad CSS font-size para eso.
  • Evite omitir niveles de encabezado: siempre comience con <h1>, después use <h2> y así sucesivamente.
  • Con el elemento <section>, debe considerar evitar usar <h1> más de una vez en una página; por costumbre, se usa para mostrar el título de la página, con todos los encabezados debajo de éste comenzando con <h2>. Cuando se usan secciones, debe usarse un <h1> por sección. Véase Definiendo secciones en Secciones y esquema de un documento HTML5 para más información.
Categorías de contenido Contenido dinámico, contenido de encabezados, contenido palpable.
Contenido permitido Contenido textual o estático.
Omisión de etiquetas None, both the starting and ending tag are mandatory.
Elementos padres permitidos Cualquier elemento que acepte contenido dinámico; no debe usarse como hijo del elemento <hgroup>, pues éste es obsoleto
Interfaz DOM HTMLHeadingElement

Atributos

Estos elementos incluyen los atributos globales.

El atributo align es obsoleto; no debe usarse.

Ejemplos

Todos los encabezados

El siguiente código muestra todos los niveles de encabezado.

<h1>Heading level 1</h1>
<h2>Heading level 2</h2>
<h3>Heading level 3</h3>
<h4>Heading level 4</h4>
<h5>Heading level 5</h5>
<h6>Heading level 6</h6>

Aquí está el resultado de este código:

Página de ejemplo

El código siguiente muestra unos pocos encabezados con algo de contenido debajo de ellos.

<h1>Heading elements</h1>
<h2>Summary</h2>
<p>Some text here...</p>

<h2>Examples</h2>
<h3>Example 1</h3>
<p>Some text here...</p>

<h3>Example 2</h3>
<p>Some text here...</p>

<h2>See also</h2>
<p>Some text here...</p>

Aquí está el resultado de este código:

Especificaciones

Especificación Estatus Comentarios
HTML Living Standard
La definición de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' en esta especificación.
Living Standard  
HTML5
La definición de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' en esta especificación.
Recommendation  
HTML 4.01 Specification
La definición de '<h1>, <h2>, <h3>, <h4>, <h5>, and <h6>' en esta especificación.
Recommendation  

Compatibilidad de navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte básico (Yes) 1.0 (1.7 o anterior) (Yes) (Yes) (Yes)
Característica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte básico (Yes) 1.0 (1.0) (Yes) (Yes) (Yes)

Véase también

Etiquetas y colaboradores del documento

Colaboradores en esta página: chrisdavidmills, israel-munoz, teoli, Jorolo
Última actualización por: chrisdavidmills,