HTML-тег <dl>

Характеристики

• Тип: блочный, статичный, семантический
• Назначение: Создает список определений, состоящий из терминов и их описаний.
• Родители: Любые элементы, допускающие размещение потокового контента.
• Потомки: <dt> и <dd> элементы.
• Глобальные атрибуты: все
• Атрибуты событий: все

Пример использования

<dl>
  <dt>Термин 1</dt>
  <dd>Описание термина 1</dd>
  <dt>Термин 2</dt>
  <dd>Описание термина 2</dd>
</dl>

Использование в JavaScript

// Добавление нового термина и описания
const dlElement = document.querySelector('dl');
const dtElement = document.createElement('dt');
dtElement.textContent = 'Термин 3';
const ddElement = document.createElement('dd');
ddElement.textContent = 'Описание термина 3';
dlElement.appendChild(dtElement);
dlElement.appendChild(ddElement);

Рекомендации по обеспечению доступности (a11y)

• Структурируйте списки определений правильно, используя <dt> и <dd>.
• Помогает пользователям вспомогательных технологий понимать отношения между терминами и их описаниями.

Полезные ссылки

• Статья на Doka.guide о <dl>