Тег <dt>

Описание

Тег <dt> (от англ. "definition term") обозначает термин в списке определений <dl>. Всегда используется в паре с <dd> (описание термина).

Глоссарий терминов:
<dl> <dt>Фронтенд</dt> <dd>Клиентская часть веб-приложения</dd> <dt>Бэкенд</dt> <dd>Серверная часть веб-приложения</dd> </dl>
Метаданные документа:
<dl> <dt>Автор:</dt> <dd>Иван Иванов</dd> <dt>Дата публикации:</dt> <dd>15 мая 2023</dd> </dl>
Сложная структура с HTML внутри:
<dl> <dt> <strong>React</strong> <span>JavaScript</span> </dt> <dd> <p>Библиотека для создания пользовательских интерфейсов.</p> <a href="#">Подробнее</a> </dd> </dl>

Ключевые особенности:

  • Должен находиться внутри <dl>
  • Может содержать фразовый контент (текст, ссылки, <strong>)
  • По умолчанию не имеет специального оформления
  • Может предшествовать нескольким <dd>
  • Важен для семантической разметки

Рекомендации по использованию:

  • Используйте для настоящих терминов и их определений
  • Сохраняйте краткость терминов (1-3 слова)
  • Для сложных терминов добавляйте поясняющие элементы
  • Сочетайте с <dfn> при первом определении термина

Тег <dt> является важной частью семантической разметки для пар "термин-описание" в HTML-документах.

Атрибуты

accesskey Определяет горячую клавишу для активации/фокусировки элемента
class Задает один или несколько классов CSS для стилизации элемента
contenteditable Указывает, может ли пользователь редактировать содержимое элемента
data-* Используется для хранения пользовательских данных в элементах
dir Определяет направление текста: слева направо (ltr) или справа налево (rtl)
hidden Скрывает элемент, делая его невидимым и недоступным для пользователя
id Уникальный идентификатор элемента в документе
lang Определяет язык содержимого элемента
spellcheck Указывает, должна ли проверяться орфография в содержимом элемента
style Позволяет задавать CSS-стили непосредственно в атрибуте элемента
tabindex Определяет порядок перехода между элементами при нажатии Tab
title Задает всплывающую подсказку при наведении на элемент
translate Указывает, должен ли переводиться текст внутри элемента
nowrap Запрещает перенос строк (устарел в HTML5)

Поддержка браузерами
3.0 1.0 2.0 1.0 1.0