Тег <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.


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше

<div>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<dt>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<ul>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<video>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<datalist>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<caption>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023

<p>

Синтаксис, примеры использования, основные атрибуты.

  • 25 января 2023