Тег <dd>

Описание

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

Базовая структура списка определений:
<dl> <dt>HTML</dt> <dd>Язык гипертекстовой разметки для создания веб-страниц</dd> <dt>CSS</dt> <dd>Каскадные таблицы стилей для оформления веб-документов</dd> </dl>
Множественные описания для одного термина:
<dl> <dt>JavaScript</dt> <dd>Язык программирования для создания интерактивных веб-страниц</dd> <dd>Не имеет отношения к Java, несмотря на схожее название</dd> </dl>
Стилизация с помощью CSS:
<style> dl { margin: 1em 0; } dt { font-weight: bold; } dd { margin-left: 2em; color: #555; } </style> <dl> <dt>API</dt> <dd>Интерфейс программирования приложений для взаимодействия между программами</dd> </dl>

Ключевые особенности:

  • Должен находиться внутри <dl>
  • По умолчанию имеет отступ слева (можно изменить через CSS)
  • Может содержать другие HTML-элементы (абзацы, списки, изображения)
  • Может следовать сразу за <dt> или после другого <dd>
  • Важен для семантической разметки и доступности

Рекомендации по использованию:

  • Используйте для глоссариев, словарей, FAQ-разделов
  • Для сложных описаний добавляйте структуру внутри <dd>
  • Сочетайте с микроформатами для машинно-читаемых данных
  • Избегайте использования для чисто декоративных целей

Тег <dd> обеспечивает семантически правильное оформление пар "термин-определение" в HTML-документах.

Атрибуты

class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
tabindex Определяет порядок перехода между элементами при нажатии Tab
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента
nowrap Запрещает перенос строк (устарел в HTML5)

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