Get to know MDN better
This page was translated from English by the community. Learn more and join the MDN Web Docs community.
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Элемент определения HTML (<dfn>) используется для указания термина, определяемого в контексте фразы или предложения. Элемент<p>, пара<dt>/<dd> или <section> элемент, который является ближайшим предком <dfn> считается определением термина.
| Допустимый контент | Фразовый контент, но ни один <dfn> элемент не должен быть потомком. |
| Пропуск тега | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент, который принимает фразовый контент. |
| Допустимые ARIA-роли | Любые |
| DOM-интерфейс | HTMLElement |
Атрибуты этого элемента включают глобальные атрибуты.
В HTML5 title атрибут имеет особое значение, как указано ниже.
Есть несколько не совсем очевидных аспектов использования элемента <dfn>. Мы рассмотрим их здесь.
Определяемый термин устанавливается в соответствии с этими правилами:
Примечание: Если <dfn> элемент имеет атрибут title, он должен содержать определяемый термин и никакой другой текст.
Если вы включаете атрибут id в <dfn> элемент, вы можете ссылаться на него, используя <a> элементы. Они должны ссылаться на использование термина, чтобы читатель смог быстро перейти к определению термина, если он ещё не знает его, нажав на ссылку термина.
Это показано ниже в примере Ссылки на определения.
Давайте рассмотрим несколько примеров различных сценариев использования.
В этом примере просто используется <dfn> элемент для нахождения местоположения термина в определении.
Поскольку <dfn> элемент не имеет title, текстовое содержимое самого <dfn> элемента используется в качестве определяемого термина.
Это выглядит так в вашем браузере:
Чтобы добавить ссылки к определениям, вы создаёте ссылку так же, как и всегда, с <a> элементом. <p><strong>Элемент определения HTML</strong> (<strong><dfn><dfn></dfn></strong>) используется для обозначения термина, определяемого в контексте фразы или предложения. </p>
Здесь мы видим определение - теперь с атрибутом id «definition-dfn», который может использоваться в качестве цели для ссылки. Позднее создаётся ссылка с использованием <a> и с hrefатрибутом, установленным на «#definition-dfn», чтобы установить ссылку обратно на определение.
Полученный контент выглядит так:
В некоторых случаях вы можете использовать сокращение для термина при его определении. Это можно сделать с помощью <dfn> и <abbr> элементов вместе, например так:
Обратите внимание на <abbr> элемент, вложенный в <dfn>. Первый устанавливает, что термин является аббревиатурой («HST») и определяет полный термин («Hubble Space Telescope (Космический телескоп „Хаббл")») в своём атрибуте title. Последнее указывает на то, что сокращённый термин представляет собой определяемый термин.
Вывод приведённого выше кода выглядит следующим образом:
| HTML # the-dfn-element |
Enable JavaScript to view this browser compatibility table.
This page was last modified on 15 апр. 2025 г. by MDN contributors.
Your blueprint for a better internet.
Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.