Справочник HTML & CSS

<dl>

Список определений: термины `<dt>` и их описания `<dd>`.

Синтаксис

<dl>
  <dt>Term</dt>
  <dd>Description</dd>
</dl>

Примеры

Словарик кофейных терминов:

<dl>
  <dt>Espresso</dt>
  <dd>Strong coffee made under pressure.</dd>
  <dt>Latte</dt>
  <dd>Espresso with a lot of steamed milk.</dd>
</dl>

Характеристики товара в две колонки:

<style>
  dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; }
  dt { font-weight: bold; }
  dd { margin: 0; }
</style>
 
<dl>
  <dt>Weight</dt><dd>250 g</dd>
  <dt>Roast</dt><dd>Medium</dd>
  <dt>Origin</dt><dd>Brazil</dd>
</dl>

Примечания

У одного термина может быть несколько <dd>, и наоборот. Подходит не только для словарей, но и для любых пар «название — значение»: характеристик, метаданных, FAQ.

См. также

<ul> — Маркированный список: пункты, порядок которых не важен.
<abbr> — Сокращение или аббревиатура с расшифровкой.

В учебнике

Списки — Маркированные и нумерованные списки, настройка нумерации, вложенные списки и списки определений в HTML.

Спасибо, что читаете!