Semántica HTML5: H1 o H2 para títulos de ARTÍCULO en una SECCIÓN

Tengo entendido (basado en este capítulo de Inmersión en HTML5: http://goo.gl/9zliD ) que puede considerarse semánticamente apropiado usar etiquetas H1 en múltiples áreas de la página, como un método para establecer el título más importante para ese contenido en particular.

Si estoy usando esta metodología, y tengo una SECCIÓN a la que le he asignado un H1 de 'Artículos', ¿debo usar H1 o H2 para definir los títulos de los ARTÍCULOS en esa SECCIÓN? Esto es un poco confuso para mí, ya que los títulos de los artículos son el título más importante para su ARTÍCULO, pero también son "hijos" del título de la SECCIÓN.

Código de ejemplo:

<section class="article-list">
  <header>
    <h1>Articles</h1>
  </header>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="201-02-01">Today</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-31">Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>

  <article>
    <header>
      <h2>Article Title</h2>
      <time datetime="2011-01-30">The Day Before Yesterday</time>
    </header>
    <p>Article text...</p>
  </article>
</section>

Pilgrim no está solo en contender esto.

De acuerdo con HTML5 para diseñadores web de Jeremy Keith , puede usar múltiples correos <h1>electrónicos en un documento sin arruinar el resumen del documento, siempre que estén anidados dentro de etiquetas seccionales semánticas discretas.

Citando directamente del libro electrónico (que compré en iBooks)

Hasta ahora, el nuevo contenido de seccionamiento no nos está dando mucho más de lo que podríamos hacer con versiones anteriores de HTML. Aquí está el truco: en HTML5, cada pieza de contenido de seccionamiento tiene su propio esquema autónomo. Eso significa que no tiene que hacer un seguimiento de qué nivel de encabezado debe usar; puede comenzar desde h1 cada vez:

<h1>An Event Apart</h1> 
    <section>
        <header>
            <h1>Cities</h1>
        </header>
         <p>Join us in these cities in 2010.</p> 
        <section>
            <header>
                <h1>Seattle</h1>
            </header>
            <p>Follow the yellow brick road.</p> 
       </section>
        <section>
            <header>
                <h1>Boston</h1>
            </header>
            <p>That’s Beantown to its friends.</p> 
        </section> 
        <section>
             <header>
                   <h1>Minneapolis</h1>
             </header>
             <p>It's so <em>nice</em>.</p> 
         </section>
     </section> 
     <small>Accommodation not provided.</small>

(Código de muestra también del libro, página 73)

Tendería a estar de acuerdo con la interpretación de Mark Pilgrim . Si está adjuntando su artículo dentro de un articleelemento, puede comenzar de nuevo con un h1encabezado para el artículo.

En las especificaciones HTML5, articlese supone que los s deben tratarse como una parte independiente y autónoma de la página. Debería poder trasplantar el articleelemento tal como está en otra página sin volver a formatear los encabezados.

Si los encabezados de los artículos tuvieran que ser una continuación de la jerarquía de encabezados del documento, entonces, cuando coloque articledirectamente debajo de una bodyetiqueta, deberá ir a h1, pero si lo dejó en secciones anidadas, tendría que cambiarlo a h3/ h4/ h5/ etc., dependiendo de dónde lo coloque.

De hecho, cada vez que cree un nuevo sectiono article, debe volver a h1, ya que los siguientes son idénticos:

<article>
  <h1>Meta Data</h1>
    <h2>Data Warehousing</h2>
    <h2>On the Web</h2>
      <h3>Dublin Core</h3>
      <h3>XFN</h3>
      <h3>Microformats</h3>
      <h3>RDFa</h3>
</article>

y:

<article>
  <h1>Meta Data</h1>
  <section>
    <h1>Data Warehousing</h1>
  </section>
  <section>
    <h1>On the Web</h1>
    <section>
      <h1>Dublin Core</h1>
    </section>
    <section>
      <h1>XFN</h1>
    </section>
    <section>
      <h1>Microformats</h1>
    </section>
    <section>
      <h1>RDFa</h1>
    </section>
  </section>
</article>

Como nota al margen, si su encabezado es solo un elemento de encabezado (por ejemplo h1) y nada más, entonces no necesita envolverlo en un headerelemento.

Si bien los títulos de los artículos de su página son importantes, generalmente el encabezado de nivel superior de la página define el contenido de la página. A veces es el nombre del artículo, y a veces, como muestra, es el título de una lista de artículos.

<h1>My Very Interesting Articles</h1>

Este encabezado define toda la página como 'artículos interesantes'. Luego, cada artículo aparece en la lista pero tiene un nivel de encabezado menor.

La respuesta oficial de w3schools al uso de etiquetas de encabezado en una página es la siguiente: los encabezados H1 deben usarse como encabezados principales, seguidos por los encabezados H2, luego los encabezados H3 menos importantes, y así sucesivamente.