Элемент <dt>
Элемент <dt>
(от англ. description term — термин описания) представляет собой термин или имя в списке описаний. Он используется в сочетании с элементами <dl>
и <dd>
для создания списка описаний.
Варианты использования/расположения элемента <dt>
:
- перед элементом
<dd>
внутри элемента<dl>
; - перед элементом
<dd>
внутри элемента<div>
, который является дочерним элементом элемента<dl>
.
Категории | Нет. |
---|---|
Синтаксис | <dt>...</dt> |
Опускание тегов | Конечный тег может быть опущен. |
Модель содержимого | Потоковое содержимое, но не допускаются в качестве потомков <header> , <footer> , секционное содержимое и заголовочное содержимое. |
Атрибуты
Для элемента <dt>
доступны глобальные атрибуты и события.
Стиль по умолчанию
Стиль по умолчанию для элемента <dt>
, определённый в спецификации HTML:
dt {
display: block;
}
Пример
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>
Результат
- Слон
- Крупное травоядное млекопитающее, известное своим длинным хоботом и большими ушами.
- Тигр
- Крупный хищник из семейства кошачьих, известный своей полосатой шерстью.
- Панда
- Медведь с черно-белой шерстью, питающийся в основном бамбуком.