<dl> - HTML тег списку описів

HTML-елемент <dl> представляє список описів. Елемент включає в себе пари термінів (визначень) та їх описів, які представлені елементами <dt> (термін) та <dd> (опис) відповідно.

Елемент <dl> використовується для представлення списків термінів та їх визначень, метаданих або інших пар ключ-значення. Кожен термін (<dt>) може мати один або кілька описів (<dd>).

Хоча <dl> часто використовується для словників або глосаріїв, його також можна застосовувати для відображення метаданих (наприклад, список імен файлів та їх розмірів) або для діалогових вікон (наприклад, питання та відповіді).

<dl>
  <dt>Термін 1</dt>
  <dd>Опис 1</dd>
  <dt>Термін 2</dt>
  <dd>Опис 2</dd>
</dl>

<dl>
  <dt>HTML</dt>
  <dd>Мова розмітки гіпертексту.</dd>

  <dt>CSS</dt>
  <dd>Каскадні таблиці стилів.</dd>

  <dt>JavaScript</dt>
  <dd>Мова програмування для веб.</dd>
</dl>

<dl>
  <div>
    <dt>Назва файлу:</dt>
    <dd>document.pdf</dd>
  </div>
  <div>
    <dt>Розмір:</dt>
    <dd>1.2 MB</dd>
  </div>
  <div>
    <dt>Дата створення:</dt>
    <dd>2025-07-12</dd>
  </div>
</dl>

dl {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

dd {
  display: block;
  margin-inline-start: 40px;
}