Элемент <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>
Результат
- Слон
- Крупное травоядное млекопитающее, известное своим длинным хоботом и большими ушами.
- Тигр
- Крупный хищник из семейства кошачьих, известный своей полосатой шерстью.
- Панда
- Медведь с черно-белой шерстью, питающийся в основном бамбуком.