上記の例では、h1#hLv1, h2#hLv2, h1#hLv3 と3つの見出しが存在します。
この場合は、h1#hLv1 が見出しレベルとして従来通り、一番高くなります。
そしてh1#hLv3 もh1要素ですが、section要素の中に入っているので、1ランク下がり、h1#hLv3 は h2#hLv2 と同じようなレベルの見出しに見られます。
このように同じhx要素であっても、section要素でマークアップすることにより、HTML文章を構造的に明示することができます。
ただしsection要素を使う場合は、section要素の直下に、必ずhx要素を含める必要があります。
以下のような場合には、section要素でマークアップしても良いかもしれません。
hx要素が存在する
「章」として意味がなりたつ
タブの中身
RSS
Archive
Mobile