<dl>
- 25 января 2023
Тег <dl>
определяет список описаний. Он используется для группировки набора терминов и соответствующих им определений.
Синтаксис тега <dl>
<dl>
<dt>Термин 1</dt>
<dd>Определение 1</dd>
<dt>Термин 2</dt>
<dd>Определение 2</dd>
<!-- Больше терминов и определений -->
</dl>
Спецификация HTML
Тег является частью спецификации HTML Living Standard.
Семантический или нет
Тег <dl>
считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.
Примеры использования
Создание глоссария терминов и их определений:
<dl>
<dt>HTML</dt>
<dd>HyperText Markup Language</dd>
<dt>CSS</dt>
<dd>Cascading Style Sheets</dd>
</dl>
Создание списка аббревиатур и их значений:
<dl>
<dt>HTTP</dt>
<dd>HyperText Transfer Protocol</dd>
<dt>FTP</dt>
<dd>File Transfer Protocol</dd>
</dl>
Создание списка ингредиентов и их количества:
<dl>
<dt>Мука</dt>
<dd>две чашки</dd>
<dt>Сахар</dt>
<dd>одна чашка</dd>
</dl>
Для чего использовать тег <dl>
- чтобы создать глоссарий: используйте тег
<dl>
для группировки терминов и их определений; - для создания списка аббревиатур: используйте для группировки аббревиатур и их значений;
- чтобы создать список ингредиентов: используйте для группировки ингредиентов и их количества;
- чтобы создать список часто задаваемых вопросов: используйте для группировки вопросов и ответов на них;
- чтобы создать список команд: используйте тег для группировки команд и их описаний;
- создать словарь: используйте для группировки слов и их определений;
- чтобы создать список характеристик продукта: используйте для группировки характеристик товара и их описаний.
Атрибуты тега <dl>
У тега нет специфических атрибутов.
Глобальные атрибуты
Тег поддерживает все глобальные атрибуты HTML.
Ограничения
Если элемент <dt>
используется без соответствующего элемента <dd>
, HTML будет по-прежнему корректным, но содержимое будет семантически неправильным.
Поддержка браузеров
Тег поддерживается всеми современными браузерами.
Актуальная информация — на сaniuse.
Альтернативные теги
Альтернативных тегов для тега <dl>
не существует.
Чем заменить тег
Прямой замены тегу <dl>
не существует.
Актуальность
Тег <dl>
не является устаревшим и может использоваться в веб-разработке.
Хотите узнать больше об HTML-тегах?
Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023