<dd>
- 25 января 2023
Что делает тег
Тег <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.
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше


Как правильно добавить секцию на страницу. Тег <section>
Синтаксис, примеры использования, основные атрибуты.
- 25 января 2023