В Уроке по HTML для начинающих рассматривались неупорядоченные списки и упорядоченные списки, а вот о списках описаний довольно часто забывают.
Возможно, это связано с тем, что они гораздо более конкретны, чем упорядоченные и неупорядоченные списки, и поэтому в целом менее полезны, но необходимы там, где есть список терминов и описаний (например, в глоссарии). В этом случае список описаний — это ваш элемент перехода.
Элемент dl запускает процесс, аналогичный элементам ul и ol: создаёт список.
Однако вместо элементов li, списки описаний содержат элементы dt. Элементы dt являются терминами. За ними следуют элементы dd. Они являются описаниями, связанными с элементами dt.
Не обязательно, чтобы за одним dt следовал один dd. Их может быть любое количество.
Например, если есть несколько слов, имеющих одинаковое значение, за несколькими dt может следовать одно dd.
Если у вас есть одно слово, которое означает разные вещи, за ним может быть одно, dt за которым следуют несколько dd.
<h1>Какой-то случайный глоссарий</h1>
<dl>
<dt>HTML</dt>
<dd>Аббревиатура от HyperText Markup Language - языка, используемого для создания веб-страниц.</dd>
<dt>Собака</dt>
<dd>Любое плотоядное животное, принадлежащее к семейству псовых.</dd>
<dd>Одомашненный подвид семейства псовых, Canis lupus familiaris.</dd>
<dt>Кошачье пиво</dt>
<dt>Молоко</dt>
<dd>Белая жидкость, вырабатываемая коровами и используемая в пищу человеком.</dd>
</dl>Страницы в тему:
- Следующая страница: Текст: Адреса, определения, двунаправленный и редакционный
- Предыдущая страница: Таблицы: rowspan и colspan
- Списки: упорядоченные и неупорядоченные списки (Урок по HTML для начинающих)
- HTML-тег: dl
- HTML-тег: dt
- HTML-тег: dd
Примеры CSS
