質問: 色々調べて明確な回答が得られなかったので... articleやsectionの扱いで ``` 見出し 見出し 説明 ``` こんな感じにマークアップするのはわかるのですが ``` 神奈川県 店舗一覧 横浜市中区 港の見える丘カフェ 港の見える丘公園が見渡せるカフェです 横浜市西区 ランドマークカフェ ランドマークタワー内にあるカフェです 横浜市南区 大岡公園カフェ 大岡公園内にあるカフェです ``` のようにマークアップすることは認められているのでしょうか。 article、sectionのh1は直下でないといけないのか 上記のようにarticle、sectionとh1の間にpタグやspanやdivなどを入れてもOKで article、sectionのどこでもh1が内包されていれば良い解釈で良いのか、ご教授いただければと思います。
回答: articleもsectionもどちらがどちらを内包しなくてはいけない、というものではありません。 ただ意味合いが違うだけです。 さらに見出しタグは設置する位置は関係なく、順序立てて並んでいることが重要です。 h1より前にh2が来ないようにする、などですが、これについてarticleやsectionの概念が重要になります。 例えば、 ``` 神奈川県 店舗一覧 港の見える丘カフェ 特徴1 いい景色 港が見える 特徴2 コーヒーが飲める オススメ店舗一覧 . . . ``` のように一つのまとまりとして内包していれば h1に遡ったとしてもその要素の中で見出しが順序立てていればよいのです。 また、articleやsectionは必ずしも使わなくてはいけない、というものでもないのでdivで代用しても問題はありません。 SEO対策としてパーフェクトな構造を保っていたい、という前提がなければあまり難しく考えなくても良いかと思います。 一応、参考サイトを載せておきますね。読んでみて下さい。