dd — описание термина

Тег <dd> используется для указания подробностей или определения термина (<dt>) в списке описаний (<dl>).

<dl>
  <dt>Термин</dt>
  <dd>Описание термина</dd>
</dl>

Примеры использования

Список определений:

<dl>
  <dt>HTML</dt>
  <dd>Язык разметки гипертекста, используется для создания веб-страниц.</dd>
  <dt>CSS</dt>
  <dd>Каскадные таблицы стилей, используются для стилизации элементов HTML.</dd>
</dl>

Описание рецепта

<dl>
  <dt>Ингредиенты</dt>
  <dd>Яйцо.</dd>
  <dt>Инструкция</dt>
  <dd>Опустите яйцо в холодную воду и поставьте на средний огонь. Дождитесь, пока вода закипит и убавьте огонь. Варите яйцо до готовности.</dd>
  <dt>Время приготовления</dt>
  <dd>3-10 минут.</dd>
</dl>

Описание вакансии

<dl>
  <dt>Название вакансии</dt>
  <dd>Стажёр фронтенд-разработчик.</dd>
  <dt>Обязанности</dt>
  <dd>Вёрстка сайтов по макету из Figma.</dd>
  <dt>Квалификации</dt>
  <dd>HTML, CSS.</dd>
</dl>

Для чего использовать тег <dd>

• Описать характеристики продукта.
• Показать инструкцию по какому-либо процессу.
• Дать определение терминам.
• Описать список вариантов.
• Дать дополнительную информацию о продукте или услуге.

Глобальные атрибуты

Тег поддерживает все глобальные атрибуты HTML.

Ограничения

Тег <dd> следует использовать только внутри списка определений (<dl>). Тег не должен использоваться вне этого контекста.

Нюансы

Если вы используете тег <dd> без <dt>, то он отобразится на странице, но не будет связан ни с одним термином или элементом.

Чем заменить тег

Если вам нужно показать описание термина или элемента и вы не хотите использовать список определений, можете воспользоваться тегом <p> или <div> с именем класса, который описывает содержимое. Однако правильнее использовать для таких целей тег <dd>.