【HTML CSS】PタグとDIVタグの使い分け

Question

サイトの模写コーティングをしてますが、P タグとDivタグの使い分けがいまいちわかりません。
さらに、いつもdivタグを使いすぎてしまいます。
これらの解決方法はありますか？

Comments

[m.ts10806]

要件次第です。何か問題起きてますか？
また「html p div 違い」で調べて出てくる情報で足りないことがあれば追記してください。

Answer 1

MDNというサイトでは仕様がまとまっていますので、ご確認ください。

pタグ|MDN

HTML の <p> 要素は、テキストの段落を表します。視覚メディアにおいて、段落はふつう隣接するブロックと上下の空白や最初の行の字下げによって隔てられたテキストのブロックとして表現されますが、 HTML の段落は画像やフォーム欄などの関連するコンテンツを構造的にまとめることができます。

段落はブロックレベル要素であり、特徴的なのは </p> で閉じる前に他のブロックレベル要素が見つかった場合は自動的に閉じることです。下記の「タグの省略」をご覧ください。

divタグ|MDN

HTML の コンテンツ分割要素 (<div>) は、フローコンテンツの汎用コンテナーです。 CSS を用いてスタイル付けがされるまでは、コンテンツやレイアウトには影響を与えません。

Comments

[Teppei.h]

おすすめサイトまで教えてくれてありがとうございます。