HTML5セマンティクス-セクションの記事タイトルのH1またはH2

最も重要なタイトルを設定する方法として、ページの複数の領域でH1タグを使用することが意味的に適切であると考えることができるのは私の理解です（Dive into HTML5：http : //goo.gl/9zliDのこの章から）その特定のコンテンツのために。

この方法論を使用していて、「記事」のH1を割り当てたセクションがある場合、H1またはH2を使用してそのセクションの記事のタイトルを定義する必要がありますか？ 記事のタイトルは記事の最も重要な見出しであるだけでなく、SECTIONのタイトルの「子供」でもあるので、これは少し混乱します。

コード例：

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

これを巡るのは巡礼者だけではない。

Jeremy KeithのHTML 5 for Web Designersによると<h1>、個別のセマンティックセクションタグ内にネストされている限り、ドキュメントの概要を損なうことなく、ドキュメントで複数のを使用できます。

eBook（iBooksから購入したもの）から直接引用する

これまでのところ、新しいセクショニングコンテンツは、以前のバージョンのHTMLで実行できること以上の効果はありません。これがキッカーです：HTML5では、セクションコンテンツの各部分に独自の自己完結型のアウトラインがあります。つまり、使用する見出しレベルを追跡する必要はありません。毎回h1から開始するだけです。

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

（本のサンプルコード、73ページ）

私はマーク・ピルグリムの解釈に同意する傾向があります。article要素の内側に記事を囲んでいる場合h1は、記事の見出しからやり直すことができます。

HTML5仕様では、はページの独立した自己完結型の部分articleとして扱われることになっています。見出しを再フォーマットすることなく、要素をそのまま別のページに移植できるはずです。article

記事の見出しをドキュメントの見出し階層の続きにする必要がある場合article、bodyタグのすぐ下にドロップするときはに移動する必要がありh1ますが、ネストされたセクションの下にドロップする場合はh3/ に変更する必要がありますh4/ h5/ etc。配置場所によって異なります。

実際、新しいsectionor を作成するときはいつでも、次の内容は同じであるarticleためh1、に戻る必要があります。

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

そして：

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

ちなみに、ヘッダーが単なる見出し要素（例h1：）であり、それ以外の場合は、header要素でラップする必要はありません。

ページの記事のタイトルは重要ですが、通常、ページのトップレベルの見出しがページのコンテンツを定義します。時々それは記事の名前であり、時々、あなたが示すように記事のリストのタイトルです。

<h1>My Very Interesting Articles</h1>

この見出しは、ページ全体を「興味深い記事」として定義します。次に、各記事がリストされますが、見出しレベルは低くなります。

ページでの見出しタグの使用に対する公式のw3schoolsの回答は次のとおりです。H1見出しをメインの見出しとして使用し、次にH2見出し、次に重要度の低いH3見出しなどを使用する必要があります。