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

HTML - тег <dfn> используется для определения термина, который указан в контексте определяющей фразы или предложения. В браузере содержимое тега отображается курсивом.


Тег <dfn> - синтаксис и код

Тег <dfn> представлен парами. Содержимое записывается между открывающим (<dfn>) и закрывающим (</dfn>) тегами.

Разметьте термин с помощью <dfn>:

<p><dfn>HTML</dfn> – это стандартный язык разметки для создания веб-страниц.</p>

HTML – это стандартный язык разметки для создания веб-страниц.


Определение и использование

  • HTML - тег <dfn> обозначает "элемент определения" и указывает термин, который будет определен в содержимом.
  • Ближайший родительский элемент тега <dfn> также должен содержать определение/объяснение термина.

Термин внутри тега <dfn> может быть любым из следующих:

1. Термин как содержимое элемента <dfn>:

<p><dfn>HTML</dfn> – это стандартный язык разметки для создания веб-страниц.</p>

2. С добавлением атрибута title:

<p><dfn title="Язык разметки гипертекста">HTML</dfn> – это стандартный язык разметки для создания веб-страниц.</p>

3. С помощью тега <abbr> внутри элемента <dfn>:

<p><dfn><abbr title="Язык разметки гипертекста">HTML</abbr></dfn> – это стандартный язык разметки для создания веб-страниц.</p>

4. С добавлением атрибута id. Когда термин используется, он может ссылаться на определение с помощью тега <a>:

<p><dfn id="html-dfn">HTML</dfn> – это стандартный язык разметки для создания веб-страниц.</p>

<p>Здесь текст...</p>
<p>Это еще текст...</p>
<p>Изучите <a href="#html-dfn">HTML</a> прямо сейчас.</p>

Определяемый термин идентифицируется по следующим правилам:

  • Если <dfn> имеет атрибут title, значение этого атрибута считается определяемым термином. Текст внутри элемента может быть аббревиатурой (возможно, с использованием <abbr>).
  • Если <dfn> имеет только один дочерний элемент, который является элементом с атрибутом title, и элемент <dfn> не имеет текстового содержимого, то определяемым термином будет точное значение заголовка <abbr>.
    Если это не так, то текстовое содержимое <dfn> является определяемым термином.
  • Если атрибут id включен в элемент <dfn>, вы можете связать его с этим элементом с помощью элемента <a>. Такие ссылки помогают читателю быстро перейти к определению термина, нажав на неё.

Поддержка <dfn> браузерами

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

Атрибуты

Атрибут Значение Описание
title   Указывает определение термина (отображается при наведении курсора)

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

Тег <dfn> также поддерживает глобальные атрибуты в HTML

Атрибуты событий

Тег <dfn> также поддерживает атрибуты событий в HTML


Связанные страницы

Руководство по HTML: HTML цитаты и элементы цитирования


Настройки CSS по умолчанию

Большинство браузеров отображают элемент dfn со следующими значениями по умолчанию:

dfn {
  font-style: italic;
}


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

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