<div>と<p>

質問

の違いがいまいちよく分かりません。分からないので、<div>*****<p>＊＊＊</p>*****</div>のような記述をしているのですが、これは正しい記述法ですか？

回答No.2

naokita · ベストアンサー

正しいですよ。
どちらもブロック要素で似ていますが

<div>は、四角い箱（枠スペース）をつくります。
<p>は、段落です。

<div>は他のブロック要素を囲めます。
<p>は囲めません。

例：最初のdivヘッダーに背景画像を入れたりなんかします。
<div>
<h1>タイトル</h1>
</div>
<div>
<h2>サブタイトル</h2>
<p>あいうえお</p>
<p>かきくけこ</p>
<ul><li>Ａ<li>Ｂ<li>Ｃ</ul>
</div>

お礼

ありがとうございました。
正しいとわかってほっと安心しました。やはりきちんと勉強しないとだめですね。

回答No.1

suzukikun

元々HTMLは文章の属性をタグで表しておくというSGMLを元に作られています。
DIVタグはDIVisionの略で個々のセクションを分けていることを示しており、PタグはParagraphの略で段落を表しています。
ですから文章の構造的にはDIVの中にPが複数あるという感じです。

実際のところはDIVタグはスタイルシートの適用範囲として設定して、Pタグはそのときの段落分けとして使うことが多いと思います。

参考URL：

http://www.mitsue.co.jp/case/design/h_056.html,http://www.mitsue.co.jp/case/design/h_059.html

お礼

ありがとうございました。たすかりました。