2020.01.25

マークアップに正解はない

kazuya

sectionタグとarticleタグを使う

sectionタグは、囲まれた部分が1つの意味的なかたまりであることを示すために使われます。例えば、見出しの始まりから次の見出しが始まるまでが1つのかたまりであるといえます。

一方で、articleタグは囲まれた部分が記事であることを示します。articleタグで囲まれるのは一般的にメインコンテンツの初めから最後までです。articleタグの使い方はサイト構造によって異なってきますが、articleタグが使えるかどうかの見極めポイントは「ページ内で独立したメインとなるコンテンツ（あるいは記事）がその関連情報（属するカテゴリーや更新日など）も含めて入っているかどうか」です。

例えば、サイドバーが1つあるサイトの会社概要ページであれば、会社概要タイトル部分から会社概要メインコンテンツの終わりまでがarticleタグで囲む範囲になります。また、ブログのアーカイブページであれば、記事ごとにarticleタグで囲むことになり、ページ内に複数のarticleタグで囲まれた部分ができます。