いやいやブログ

ブロック要素ブロック要素

ブロック要素は記述された順に下に表示され、横に並ぶことはない。body要素はそのブロック要素のみを含むことが出来る決まりだが、考えてみれば理に適っている。

もしもブロック要素がインライン表示されるなら、ブロック要素に続けてインライン要素を書き並べると
ブロック要素ブロック要素あいうえお

となり、「あいうえお」をブロック要素の下に持って来るには改行するしかない。
ところが改行<br>はインライン要素であり、ブロック要素を改行するのは理に反することになる。

ではどうするか？それは「あいうえお」をブロック要素化すればいいわけだ。ブロック要素は段落表示される約束であるから下へ下へと並ぶわけ。
ブロック要素ブロック要素あいうえお

ブロック要素を横に並べるには「フロート」を使えばいいわけで
ブロック要素ブロック要素あいうえお

これを成立させるためにも、body要素内にインライン要素を直接置いてはダメと言うのは理に適ってますね。

「body要素はブロック要素のみを含むことが出来る」というのは、簡単なようで上手く出来ているなと、今さらながら感心する秋の一日。なんだかこじつけっぽい(笑)。

»追記

ブロック要素あいうえおブロック要素

ブロック要素、インライン要素、ブロック要素と書き並べれば、当然ながら上のように表示される。これではインライン要素がブロック要素扱いされているようなもので、ブロック要素の立場が無い(^^;で、インライン要素をbody内に直接置くにはブロック化しなさいというわけだ。これまたこじつけっぽい(^^;

要するに理論的に明快な説明を考えるよりも、お約束と捉えるほうが分かりやすいってことですね。