りえ  2021/07/08更新

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


<div>と<article>と<section>


使い方がいまいちわからず

<div>を多用してしまうので、これらの違いについて調べてみました!


div要素

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

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


section要素

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


article要素

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

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

タイトルとURLをコピーしました