<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 будет по-прежнему корректным, но содержимое будет семантически неправильным.