Top > IT > Web > HTML > ParagraphElementTips
Last-modified: Mon, 13 Jan 2014 00:18:24 JST
Counter:1521 Today:1 Yesterday:0 Online:10
このエントリーをはてなブックマークに追加

p 要素に関する Tips

About

p 要素に関する Tips をまとめておきます。

p 要素に入れられない要素

p 要素に入れられそうで入れられない要素についてまとめておきます。p 要素はフローコンテンツです。またコンテンツモデル( p 要素に含められるコンテンツ)はフレージングコンテンツとなっているので、p 要素にフローコンテンツは入れられないので注意が必要です。

  • p 要素に入れられそうで入れられない要素
    • p
    • div
    • pre
    • ul
    • dl

p 要素を入れ子にできないのはもちろん、p 要素に div 要素を入れられない点にも注意する必要があります。特定の文字列を1つのグループにしたいときは span 要素を使用します。ul 要素や dl 要素はもちろんですが、pre 要素にも注意です。p > pre となっても、pre > p となっても誤りである点には注意が必要ですね。

p 要素は閉じた時点で改行される

p 要素は1つのパラグラフ・段落を示すために、閉じられた地点で自動で改行されます。モダンブラウザ(2014)のすべてで改行されるようです。

例えば次のような場合です。

<p>パラグラフ1</p><p>パラグラフ2<p>

この HTML はブラウザ上では次のように見えます。

パラグラフ1
パラグラフ2