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