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.
Nota:
font-size
para eso.<h1>
, después use <h2>
y asà sucesivamente.<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.Estos elementos incluyen los atributos globales.
El atributo align
es obsoleto; no debe usarse.
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 ejemploEl 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:
Sobre Accesibilidad NavegaciónUna forma tÃpica de navegación que utilizan las personas no videntes es moverse a través de la pantalla con las etiquetas de encabezado. De esta forma, pueden conocer rápidamente el contenido de la página en poco tiempo; por esta razón es importante prestar mucha atención a nuestras etiquetas de encabezado y no saltearse ningún nivel o podrÃamos confundir a este usuario.
No hacer<h1>Cabecera nivel 1</h1>
<h3>Cabecera nivel 3</h3>
<h4>Cabecera nivel 4</h4>
SÃ hacer
<h1>Cabecera nivel 1</h1>
<h2>Cabecera nivel 2</h2>
<h3>Cabecera nivel 3</h3>
Anidar
Las etiquetas de cabecera pueden anidarse para generar sub-secciones en nuestros documentos. Esto beneficia la organización de la información y también ayuda a los usuarios de lectores de pantalla a conocer mejor la jerarquÃa de los contenidos.
h1
Harry Potter
h2
Sinopsis
h2
Novelas
h3
Harry Potter y la Piedra Filosofalh3
Harry Potter y la Cámara de los Secretosh3
Harry Potter y el Prisionero de Azkabanh3
Harry Potter y el Cáliz de Fuegoh3
Harry Potter y la Orden del Fenixh3
Harry Potter y el PrÃncipe Mestizoh3
Harry Potter y las Reliquias de la Muerteh2
PelÃculas
h3
Harry Potter y la Piedra Filosofalh3
Harry Potter y la Cámara de los Secretosh3
Harry Potter y el Prisionero de Azkabanh3
Harry Potter y el Cáliz de Fuegoh3
Harry Potter y la Orden del Fenixh3
Harry Potter y el PrÃncipe Mestizoh3
Harry Potter y las Reliquias de la Muerte (Parte 1)h3
Harry Potter y las Reliquias de la Muerte (Parte 2)RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4