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.

Respuestas a la pregunta(3)

Su respuesta a la pregunta