【HTML】<div>と<article>と<section>の違いについて

div要素

内容をひとまとめにする要素。

単体では意味を持たないが、内容をひとまとめにしたり、CSSでサイトのレイアウトとデザインを整えるときや、まとめたい内容に適切なタグがない場合、最終手段として使用する。

section要素

見出しとそれに関する内容がある範囲を囲む要素。文書構造を区切るときに使用する。

article要素

サイト内で自己完結していて、それ自体が独立したコンテンツとして成り立つ要素。

article要素を入れ子にして使用することも可能。