Вебсправочник
Справочник HTML

Тег <dt>: название в списке описаний

Dt задаёт название или термин внутри dl. Он связывается с последующими описаниями dd, поэтому его смысл определяется группой, а не только жирным оформлением.

Назначение

Dt задаёт название или термин внутри dl. Он связывается с последующими описаниями dd, поэтому его смысл определяется группой, а не только жирным оформлением.

Как это работает

Одна группа может содержать несколько названий перед общим описанием. Это полезно для синонимов или связанных обозначений, если они действительно имеют одно объяснение. Для обычного перечня без описаний лучше подходят ul и ol.

Пример

<dl><dt>URL</dt><dt>Адрес ресурса</dt><dd>Запись, указывающая местоположение ресурса и способ обращения к нему.</dd><dt>Фрагмент</dt><dd>Часть адреса после знака #.</dd></dl>

Что должно получиться

Первые два названия относятся к одному пояснению, а следующий термин образует отдельную группу. Текст остаётся понятным и без специальных стилей для dt.

Граница применения и частая ошибка

Не используйте dt как замену заголовкам всех разделов статьи. Если термин вводится и определяется в обычном абзаце, рассмотрите dfn. Не добавляйте пустые dt ради отступа или выравнивания колонок.

Самостоятельная проверка

Добавьте собственную группу с двумя названиями и одним точным пояснением. Проверьте последовательность dt и dd в DOM. Затем оцените, не понятнее ли читателю отдельные определения вместо объединения.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Проверки печати, загрузки файлов и сетевых ответов выполняйте в отдельном учебном проекте.

Попробуйте сами

HTML + CSS песочница
РЕЗУЛЬТАТ · ИЗОЛИРОВАННЫЙ ПРЕДПРОСМОТР
Измените код и нажмите «Запустить». JavaScript и внешние запросы отключены.
Самостоятельный учебный материал. Техническая документация: первоисточник по теме ↗. Если результат отличается, проверьте код и версию браузера.