導入要素を含むメニューを構成するにはどうすればよいですか？

Question

全体的な階層とあいまいな関係にある導入要素を使ってコンテンツを構成する最善の方法はありますか？私はそれが最良の例（例1）で示したと思う：

<main> 
    <h1>Menu</h1> 
    <h2>Concept</h2> 
    <!-- A description of the concept --> 
    <h2>Prices</h2> 
    <!-- A price list --> 
    <h2>Meat</h2> 
    <h2>Vegetarian</h2> 
    <h2>Desserts</h2> 
</main> 

ここコンセプトとは入門要素として自然である価格が、階層的に私は彼らが肉と同じレベルに属して感じることはありません,ベジタリアンおよびデザート。

おそらく、入門要素を脇に置く方がよいでしょうか？このように（例2）：

<main> 
    <h1>Menu</h1> 
    <aside> 
    <h2>Concept</h2> 
    <!-- A description of the concept --> 
    <h2>Prices</h2> 
    <!-- A price list --> 
    </aside> 
    <h2>Meat</h2> 
    <h2>Vegetarian</h2> 
    <h2>Desserts</h2> 
</main> 

これはaside要素の適切な使い方ではありません。ヘッダーに入れて、おそらく全体を区切る（例3）：

<main> 
    <header> 
    <h1>Menu</h1> 
    <h2>Concept</h2> 
    <!-- A description of the concept --> 
    <h2>Prices</h2> 
    <!-- A price list --> 
    </header> 
    <section> 
    <h1>Meat</h1> 
    </section> 
    <section> 
    <h1>Vegetarian</h1> 
    </section> 
    <section> 
    <h1>Desserts</h1> 
    </section> 
</main> 

誰もがこれに関する考えを持っていますか？おそらく私の例のどれも正しいとは言えません。この場合、このタイプのコンテンツを構造化するためのベストプラクティスが何であるか知りたいのですが。

Answer 1

非常に一般的な質問です。私の主観的な意見はこの構造を得ることです。 1ページに複数のH1を使用することは避けてください。セクションタグは、接続された情報の領域をマークするために使用されます。記事はいくつかのリストから1つの項目に使用され、完全な意味を持ちます（単独でも可能です）。セクションや記事には常にタイトルが付いていなければなりません。

<main> 
    <header> 
    <h1>Menu</h1> 
    </header> 
    <section> 
    <h2>Concept</h2> 
    <!-- A description of the concept --> 
    </section> 
    <section> 
    <h2>Prices</h2> 
    <!-- A price list --> 
    </section> 
    <section> 
    <h2>Meal types</h2> 
    <article> 
     <h3>Meat</h3> 
    </article> 
    <article> 
     <h3>Vegetarian</h3> 
    </article> 
    <article> 
     <h3>Desserts</h3> 
    </article> 
    </section> 
</main>