Элемент <dd>
Элемент <dd>
(от англ. description details — подробное описание) представляет собой описание, определение или значение для термина/имени в списке описаний. Он используется в сочетании с элементами <dl>
и <dt>
для создания списка описаний.
Варианты использования/расположения элемента <dd>
:
- после элемента
<dt>
внутри элемента<dl>
; - после элемента
<dt>
внутри элемента<div>
, который является дочерним элементом элемента<dl>
.
Категории | Нет. |
---|---|
Синтаксис | <dd>...</dd> |
Опускание тегов | Конечный тег может быть опущен. |
Модель содержимого | Потоковое содержимое. |
Атрибуты
Для элемента <dd>
доступны глобальные атрибуты и события.
Стиль по умолчанию
Ниже показан стиль по умолчанию для элемента <dd>
, определённый в спецификации HTML:
dd {
display: block;
margin-inline-start: 40px;
}
Пример
dt {
margin: 10px 10px 10px 15px;
font-weight: 700;
color: #e60000;
}
<dl>
<dt>Слон</dt>
<dd>
Крупное травоядное млекопитающее, известное своим
длинным хоботом и большими ушами.
</dd>
<dt>Тигр</dt>
<dd>
Крупный хищник из семейства кошачьих, известный
своей полосатой шерстью.
</dd>
<dt>Панда</dt>
<dd>
Медведь с черно-белой шерстью, питающийся в
основном бамбуком.
</dd>
</dl>
Результат
- Слон
- Крупное травоядное млекопитающее, известное своим длинным хоботом и большими ушами.
- Тигр
- Крупный хищник из семейства кошачьих, известный своей полосатой шерстью.
- Панда
- Медведь с черно-белой шерстью, питающийся в основном бамбуком.