HTML - тег <dfn> используется для определения термина, который указан в контексте определяющей фразы или предложения. В браузере содержимое тега отображается курсивом.
Тег <dfn> представлен парами. Содержимое записывается между открывающим (<dfn>) и закрывающим (</dfn>) тегами.
Разметьте термин с помощью <dfn>:
<p><dfn>HTML</dfn> – это стандартный язык разметки для создания веб-страниц.</p>
HTML – это стандартный язык разметки для создания веб-страниц.
<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> является определяемым термином.<dfn>, вы можете связать его с этим элементом с помощью элемента <a>. Такие ссылки помогают читателю быстро перейти к определению термина, нажав на неё.| ✅ Поддерживает | |
| ✅ Поддерживает | |
| ✅ Поддерживает | |
| ✅ Поддерживает | |
| ✅ Поддерживает |
| Атрибут | Значение | Описание |
|---|---|---|
| title | Указывает определение термина (отображается при наведении курсора) |
Тег <dfn> также поддерживает глобальные атрибуты в HTML
Тег <dfn> также поддерживает атрибуты событий в HTML
Руководство по HTML: HTML цитаты и элементы цитирования
Большинство браузеров отображают элемент dfn со следующими значениями по умолчанию:
dfn {
font-style: italic;
}
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.