Тег <dfn>

Описание

Тег <dfn> (от англ. "definition") используется для выделения термина, который определяется в текущем контексте. По умолчанию браузеры отображают текст курсивом.

Определение термина в тексте:
<p> <dfn>HTML</dfn> - стандартный язык разметки документов во Всемирной паутине. </p>
Связь термина с определением через атрибут title:
<p> <dfn title="Каскадные таблицы стилей">CSS</dfn> используется для оформления веб-страниц. </p>
Использование с элементом <abbr>:
<p> <dfn><abbr title="Application Programming Interface">API</abbr></dfn> - интерфейс программирования приложений. </p>

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

  • Семантически обозначает определяемый термин
  • По умолчанию отображается курсивом (можно изменить через CSS)
  • Может использоваться с атрибутом title для краткого определения
  • Часто сочетается с тегами <abbr> и <a>
  • Важен для доступности и SEO

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

  • Применяйте только при первом упоминании термина в документе
  • Для аббревиатур сочетайте с <abbr>
  • Избегайте избыточного использования - только для ключевых терминов
  • Для сложных определений используйте элемент <dl>

Тег <dfn> помогает структурировать документ, четко выделяя определяемые термины и понятия.

Атрибуты

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

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