HTML тег - dl - определение и примеры использования
Меню
Веб-разработка
Тег dl HTML

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> браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

Глобальные атрибуты

Тег <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.

 

Поделиться ссылкой