Что делает тег

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

Синтаксис тега <dd>

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

Спецификация HTML

Тег является частью спецификации HTML Living Standard.

Семантический или нет

Тег <dd> считается семантическим, поскольку несёт в себе смысл и точно передаёт назначение своего содержимого.

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

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

<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>

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

Атрибуты тега <dd>

У тега нет специфических атрибутов.

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

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

Ограничения

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

Нюансы

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

Поддержка браузерами

Тег поддерживается всеми современными браузерами.
Актуальная информация — на сaniuse.

Альтернативные теги

Альтернативных тегов для тега <dd> не существует.

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

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

Актуальность

Тег <dd> не является устаревшим, можете использовать его в веб-разработке.


Хотите узнать больше об HTML-тегах?

Прочитайте справочник по HTML или познакомьтесь с вёрсткой на интерактивных тренажёрах в HTML Academy.


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

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

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

<div>

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

  • 25 января 2023

<dl>

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

  • 25 января 2023

<option>

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

  • 25 января 2023

<ul>

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

  • 25 января 2023

<video>

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

  • 25 января 2023

<datalist>

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

  • 25 января 2023

<caption>

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

  • 25 января 2023