HTML-тег <dfn>
Тег <dfn> используется для определения термина, указанного в контексте определяющей фразы или предложения. В браузере содержимое тега отображается курсивом.
Тег <p>, пара <dt>/<dd> или тег <section> выступают в качестве контекста определения для термина.
Определяемый термин идентифицируется по следующим правилам:
- Если у
<dfn>есть атрибутtitle, значение этого атрибута считается определяемым термином. Текст внутри элемента может быть сокращением (возможно, с использованием<abbr>). - Если у
<dfn>есть только один дочерний элемент, являющийся элементом<abbr>с атрибутомtitle, и сам элемент<dfn>не имеет текстового содержимого, то точное значение атрибутаtitleэлемента<abbr>будет считаться определяемым термином. - Если это не так, текстовое содержимое
<dfn>является определяемым термином.
Если к элементу <dfn> добавлен атрибут id, то на него можно сослаться с помощью элементов <a>. Такие ссылки помогают читателю быстро перейти к определению термина по клику на ссылку.
Синтаксис
Тег <dfn> является парным. Содержимое записывается между открывающим (<dfn>) и закрывающим (</dfn>) тегами.
Пример использования HTML-тега <dfn>:
Определение HTML|Пример HTML-тега <dfn>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p><dfn>HTML</dfn> (HyperText Markup Language ) — The standardized markup language for documents on the World Wide Web. Most web pages contain a description of the markup in the language HTML</p>
</body>
</html>Результат
В следующем примере значение атрибута title считается определяемым термином.
Пример HTML-тега <dfn> с атрибутом title:
Наведите курсор, чтобы увидеть определение|Пример HTML-тега <dfn>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn title="HyperText Markup Language">HTML</dfn>
</body>
</html>Результат
Пример HTML-тега <dfn> с HTML-тегом <abbr>:
Пример HTML-тега <dfn> с тегом <abbr>:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>Mouse over to see the definition.</p>
<dfn><abbr title="Cascading Style Sheets">CSS</abbr></dfn>
</body>
</html>Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| title | Определяет термин (отображается при наведении). |
Тег <dfn> также поддерживает Глобальные атрибуты и Атрибуты событий.
Как стилизовать HTML-тег <dfn>
dfn {
color: #0056b3;
font-weight: bold;
}Практика
Какое правильное использование и функция HTML-тега <dfn> согласно материалам сайта W3Docs?