Перейти к содержимому

HTML-тег <dd>

HTML-тег <dd> вместе с тегами <dl> и <dt> используется для создания списка определений. Тег <dd> содержит описание термина, который определяется тегом <dt>. Для каждой группы должно быть как минимум один тег <dt>, за которым следует как минимум один тег <dd>. Возможны следующие варианты:

  • один термин, за которым следуют несколько описаний,
  • один термин, за которым следует одно описание,
  • несколько терминов, за которыми следует одно описание,
  • несколько терминов, за которыми следуют несколько описаний.

Для обозначения самого списка используется тег <dl>. Один термин может иметь несколько определений в списке. (Подробнее о списках в HTML).

Элемент <dd> является блочным и может содержать другие элементы: абзацы, списки, изображения, ссылки и так далее. Он размещается внутри <body>.

По умолчанию содержимое элемента <dd> имеет внешний отступ слева.

Синтаксис

Тег <dd> является парным. Содержимое записывается между открывающим (<dd>) и закрывающим (</dd>) тегами.

Пример использования HTML-тега <dd>:

Список определений|Пример использования HTML-тега <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <h1>Definition list:</h1>
    <dl>
      <dt>Tea</dt>
      <dd>- hot drink</dd>
      <dt>Juice</dt>
      <dd>- ice drink</dd>
    </dl>
  </body>
</html>

Результат

dd exemple

Пример использования HTML-тега <dd> для создания диалога:

Диалог|Пример использования HTML-тега <dd>|W3Docs

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <dl>
      <dt>George</dt>
      <dd>Hi</dd>
      <dd>What’s up?</dd>
      <dt>Mary</dt>
      <dd>Hi.</dd>
      <dd>I’m doing well, what about you?</dd>
      <dt>George</dt>
      <dd>Thanks, everything is fine. What are you doing?</dd>
      <dt>Mary</dt>
      <dd>I’m going to a party today in the evening. And you?</dd>
    </dl>
  </body>
</html>

Атрибуты

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

Как стилизовать HTML-тег <dd>

json
{
    "tag_name": "dd"
}

Практика

Какова функция тега <dd> в HTML?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.