CSS Web レイアウトで一般的に使用される DIV リスト要素 ul ol li dl dt dd の説明では、ブロック レベル要素 div の使用は、テーブルと同様に、できるだけ少なくする必要があります。ネストが少ないほど、
順序付けされたリストが優れています。
<オル>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
性能：
1……
2…
3…
ul 順序なしリスト。li の前に 123
<ul>
の代わりに大きなドットが付いているように表示されます。
<li>……</li>
<li>……</li>
</ul>
dl content block
の使用を無視する傾向があります。
dt コンテンツブロックのタイトル
dd の内容は次のように記述できます:
<dl>
<dt>タイトル</dt>
<dd>コンテンツ 1</dd>
<dd>コンテンツ 2</dd>
</dl>
ol ul li と p は dt と dd に追加できます
これらを理解すると、div レイアウトを使用する際にさらに便利になります。W3C には、レイアウトを支援するための要素が多数用意されています。
dl、dt、ddの設定にはheight(高さ)とline-height(ラインハイト)を使用しないことを推奨します。IEとFFのアダプティブの有無によりズレが生じます。位置決めには dt と dd のパディング属性を使用してください。