この記事は2008年7月29日に書かれたものです。既に内容が古い可能性があります。

ブロックレベル要素:div要素

div要素自体は意味を持っておらず、他のブロックレベル要素をまとめる目的で使用されます。

div要素の中には、ブロックレベル要素、インラインレベル要素、テキストが記述できますが、文書構造を考えると、div要素の中に直接テキストを記述するのはあまり好ましくありません。

好ましくない例:
<div>
サンプルサンプルサンプルサンプル。
</div>
良い例:
<div>
<p>サンプルサンプルサンプルサンプル。</p>
</div>

或いは、単に文章だけなら適切なマーウアップは<p>です。

良い例:
<p>サンプルサンプルサンプルサンプル。</p>

尚、上記サンプルの「好ましくない例」をAnother HTML-lint gatewayでチェックしても、減点にはなりませんが、正しい文書構造的に考えれば明らかに良くない記述です。

タグ: