#質問 見出しタグとそれにかかるsection要素（若しくはdiv要素）の質問です。
見出しタグとその直下の要素はどこからどこまでを対象として「かかる」のでしょうか。
SEOではh1～h5までの順番を遵守することについてはあちこちの解説サイトで説明されていますが、ではその見出しタグはどこからどこまで、どのようにして「かかる」のかについては説明がほとんどなく、順番が重視されていて適切な方法が述べられていないのでわからなくなってしまいました。極端な話、ファーストビューのヘッダーにh1タグ（企業名など）の前後にロゴ＋α（ソーシャルボタンなど）が入るだけのデザインもあったりするので…
ケースバイケースで正解はないと思いますが以下のような書き方の場合、どちらが正しいのか（若しくは主流なのか、それともまったく違うやり方があるのか）、どのように「かかる」のかについてご指導いただければと思います。

<h2>大見出し</h2>
<h3>見出し</h3>
<section class="sect_drink">（内容略）</section>
<h3>見出し</h3>
<section class="sect_food">（内容略）</section>

<h2>大見出し</h2>
<section class="sect_drink">
<h3>見出し</h3>
（内容略）
</section>
<section class="sect_food">
<h3>見出し</h3>
（内容略）
</section>