Semântica HTML5 - H1 ou H2 para títulos de ARTIGO em uma SEÇÃO

Entendo (com base neste capítulo do Dive into HTML5: http://goo.gl/9zliD ) que pode ser considerado semanticamente apropriado usar as tags H1 em várias áreas da página, como um método para definir o título mais importante para esse conteúdo específico.

Se eu estiver usando essa metodologia e tiver uma SEÇÃO à qual designei um H1 de 'Artigos', devo usar H1 ou H2 para definir os títulos dos ARTIGOS nessa SEÇÃO? Isso é um pouco confuso para mim, pois os títulos dos artigos são o cabeçalho mais importante para o ARTIGO, mas também são 'filhos' do título da SEÇÃO.

Código de exemplo:

<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>

O peregrino não está sozinho em afirmar isso.

De acordo com o HTML5 para Web Designers de Jeremy Keith , você pode usar vários <h1>s em um documento sem estragar o resumo do documento, desde que estejam aninhados em tags seccionais semânticas discretas.

Citando diretamente do eBook (que comprei no iBooks)

Até agora, o novo conteúdo de seção não está nos dando muito mais do que poderíamos fazer com as versões anteriores do HTML. Eis o exemplo: no HTML5, cada parte do conteúdo de seção tem seu próprio esboço independente. Isso significa que você não precisa acompanhar o nível do cabeçalho que deve usar - basta começar a partir de h1 a 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>

(Exemplo de código também do livro, página 73)

Eu tenderia a concordar com a interpretação de Mark Pilgrim . Se você estiver colocando seu artigo dentro de um articleelemento, poderá começar novamente com um h1cabeçalho para o artigo.

Nas especificações do HTML5, articles devem ser tratados como uma parte independente e independente da página. Você deve conseguir transplantar o articleelemento como está em outra página sem reformatar os cabeçalhos.

Se os cabeçalhos dos artigos precisassem ser uma continuação da hierarquia de cabeçalhos do documento, quando você soltar o articleitem diretamente sob uma bodytag, seria necessário acessá-lo h1, mas se o soltasse nas seções aninhadas, seria necessário alterá-lo para h3/ h4/ h5/ etc., dependendo de onde você o coloca.

De fato, sempre que você criar um novo sectionou article, você deve voltar para h1, pois o seguinte é idêntico:

<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>

e:

<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 uma observação lateral, se o cabeçalho for apenas um elemento do cabeçalho (por exemplo h1) e nada mais, não será necessário agrupá-lo em um headerelemento.

Embora os títulos dos artigos da sua página sejam importantes, geralmente o cabeçalho de nível superior da página define o conteúdo da página. Às vezes, é o nome do artigo e, às vezes, como você mostra, é o título de uma lista de artigos.

<h1>My Very Interesting Articles</h1>

Este cabeçalho define a página inteira como 'artigos interessantes'. Cada artigo é listado, mas tem um nível de cabeçalho menor.

A resposta oficial da w3schools ao uso de tags de cabeçalho em uma página é a seguinte: Os títulos H1 devem ser usados ​​como títulos principais, seguidos pelos títulos H2, depois pelos menos importantes H3 e assim por diante.