Cómo usar correctamente h1 en HTML5
Cuál de las siguientes es la forma correcta de estructurar una página:
1)h1
solo enheader
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h2>Page title</h2>
</section>
Si usoh1
exclusivamente dentro deheader
como título del sitio, cada página tendrá el mismo contenido para lah1
Etiqueta. Eso no parece muy informativo.
2)h1
inheader
ysection
, tanto para el sitio como para el título de la página
<header>
<h1>Site title</h1>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
También he visto ejemplos de uso deh1
más de una vez, en ambosheader
ysection
etiquetas. Sin embargo, ¿no está mal tener dos títulos para la misma página? Este ejemplo muestra múltiples encabezados yh1
tagshttp: //orderedlist.com/resources/html-css/structural-tags-in-html5
3)h1
solo ensection
, enfatizando el título de la página
<header>
<p>Site title</p>
<nav>...</nav>
</header>
<section>
<h1>Page title</h1>
</section>
Por último, W3 parece recomendar usarh1
dentro de la @ principsection
elemento, ¿eso significa que no debería usarlo en laheader
elemento?
Las secciones pueden contener encabezados de cualquier rango, pero se recomienda encarecidamente a los autores que usen solo elementos h1 o que usen elementos del rango apropiado para el nivel de anidación de la sección.