2015.07.13

親Pタグと子P・DIVタグ

PやDIVをPで囲んでしまうと、

親になるはずのPタグが、子になるはずのPやDIVと兄弟になってしまいます。

<p>

　　<p>?</p>
　　<div>?</div>

<p>

こうしたい。
でも、

<p></p>

　　<p>?</p>
　　<div>?</div>

こうなってしまう。

HTMLの文法的には、Pタグの終了タグ（</p>）は省略可能だから、
2つ目のPやDIVが出てきたときにブラウザが勝手に判断して最初のPタグを閉じてしまうのが原因のようです。
（参考：<DIV>タグと<P>タグ）