Gymterview
junior

Для чего предназначены теги dl, dt, dd

Теги <dl>, <dt> и <dd> предназначены для создания списка определений (description list), где каждая пара состоит из термина и его описания.

Аналогия из жизни: список определений — это как глоссарий в конце учебника: слева термин, справа — его определение.

Структура

  • <dl> — контейнер списка определений (description list)
  • <dt> — термин (description term)
  • <dd> — определение термина (description details)

Пример

Пример
<dl>
    <dt>JVM</dt>
    <dd>Java Virtual Machine — виртуальная машина, исполняющая байт-код Java.</dd>

    <dt>JRE</dt>
    <dd>Java Runtime Environment — среда выполнения, включающая JVM и стандартные библиотеки.</dd>

    <dt>JDK</dt>
    <dd>Java Development Kit — набор инструментов разработчика, включающий JRE и компилятор.</dd>
</dl>

Когда использовать

  • Глоссарии и словари терминов
  • FAQ-блоки (вопрос — ответ)
  • Метаданные (ключ — значение): автор, дата, статус

Важно

Один термин <dt> может иметь несколько определений <dd>, и наоборот — несколько терминов могут разделять одно определение. Закрывающий тег </dd> формально необязателен, но рекомендуется для чистоты кода.

На собеседовании: <dl> — список определений, <dt> — термин, <dd> — определение. Используется для глоссариев и пар ключ-значение. Отличается от <ul>/<ol> тем, что имеет явную структуру «термин — описание».