HTML - тег <dl> определяет список определений (описаний). Он используется с тегами <dd> и <dt>. Тег <dl> создает список, тег <dt> определяет термин, а тег <dd> определяет описание термина.
Тег <dl> - синтаксис и код
Тег <dl> представлен парами. Содержимое записывается между открывающим (<dl>) и закрывающим (</dl>) тегами.
Пример кода списка описаний с терминами и описаниями:
<dl>
<dt>HTML</dt>
<dd>язык гипертекстовой разметки.</dd>
<dt>CSS</dt>
<dd>язык стилей для оформления HTML-документа.</dd>
<dt>JavaScript</dt>
<dd>язык сценариев Веб-программирования.</dd>
</dl>
- HTML
- язык гипертекстовой разметки.
- CSS
- язык стилей для оформления HTML-документа.
- JavaScript
- язык сценариев Веб-программирования.
Определение и использование
- HTML - тег
<dl> определяет список описаний;
- Тег
<dl> служит контейнером для тегов <dd> и <dt>;
<dl> используется вместе с <dt> (определяет термины/имена) и <dd> (описывает каждый термин/имя).
Если вы используете микроданные или глобальные атрибуты и применяете их ко всей группе, может быть полезно обернуть каждую группу "имя-значение" в <dl> в элементе <div>.
✪ Рекомендация: чтобы изменить отступ термина описания, используйте свойство CSS Margin.
★ Примечание: не рекомендуется использовать элемент <dl> для простого создания отступа на странице. Это может скрыть смысл списка описаний.
Поддержка <dl> браузерами
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
 |
✅ Поддерживает |
Атрибуты
Глобальные атрибуты
Тег <dl> также поддерживает глобальные атрибуты в HTML
Атрибуты событий
Тег <dl> также поддерживает атрибуты событий в HTML
Связанные страницы
Руководство по HTML: списки описаний HTML
Настройки CSS по умолчанию
Большинство браузеров отображают элемент dl со следующими значениями по умолчанию:
dl {
display: block;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.
