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