Элементы списка DIV, обычно используемые в веб-макетах CSS. ul ol li dl dt dd. Элементы уровня блока div следует использовать как можно меньше. Как и в таблице, чем меньше вложений, тем лучше
упорядоченный список.
<ол>
<li>……</li>
<li>……</li>
<li>……</li>
</ол>
Производительность:
1......
2…
3…
ul неупорядоченный список, показанный как li, которому предшествует большая точка вместо 123
<ul>
<li>……</li>
<li>……</li>
</ul>
Многие люди склонны игнорировать использование
блока контента dl dt dd dl
.
dt заголовок блока контента
Содержимое dd можно записать так:
<dl>
<dt>Название</dt>
<dd>Содержимое 1</dd>
<dd>Содержимое 2</dd>
</dl>
ol ul li и p можно добавить к dt и dd
После понимания этого становится намного удобнее использовать макет div. W3C предоставляет множество элементов для облегчения макета.
Рекомендуется не использовать высоту (высоту) и высоту строки (line-height) для настроек dl, dt и dd. Это приведет к смещению в FF. Поскольку IE и FF являются адаптивными, рекомендуется использовать их. используйте атрибуты заполнения dt и dd для позиционирования!