HTMLヘッダーのセマンティクス

Question

私は大学のコースの一環としてHTMLセマンティクスの練習をしています。どのようにヘッダーを配置するべきなのか不思議に感じました。私は2つの例を挙げてみましょう：

例1：

<main> 
    <header> 
    <h1>Main Header</h1> 
    </header> 
    <section> 
    <header> 
     <h1>Section Header</h1> 
    </header> 
    <p>Some content</p> 
    </section> 
</main> 

例2：

<main> 
    <header> 
    <h1>Main Header</h1> 
    </header> 
    <section> 
    <header> 
     <h2>Section Header</h2> 
    </header> 
    <p>Content here</p> 
    </section> 
</main> 

ここに私の主な不思議はあなたがセクションの内側h1またはh2を使用枯れあります。私が正しい例1が（少なくともクロムで）より意味的に正しいと理解すれば、生のhtmlはセクションヘッダーがより小さくなるような方法でスタイルを設定します。しかし、以前は例2の方法を使っていましたが、1年目の私のクラスではこれは間違っているとは言われませんでした。

私はこの演習でセマンティクスを評価しているので、好奇心を養う必要があるため、どちらが正しいかを知りたいと思います。

Answer 1

出典：http://w3c.github.io/html/sections.html#headings-and-sections

「セクションがそのセクションのネストレベルに等しいランクの見出しが含まれていてもよい著者は、セクションのネストレベルのための適切なランクの見出しを使用する必要があります。」

例2は、引用符の後に続く例でW3Cが使用することを示唆しているようです。

これはおそらくすべての意見に基づいているので、私はこの情報でこの問題を解決しています。