<dfn>: Элемент определения

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

• Предшествующий абзац (блок текста, иногда помеченный элементом <p>)
• Пара <dt>/<dd>
• Самый ближайший предшествующий элемент раздела элемента <dfn>

К атрибутам этого элемента относятся глобальные атрибуты.

Атрибут title имеет специальное значение, как указано ниже.

Использование элемента <dfn> имеет некоторые не совсем очевидные аспекты. Мы рассмотрим их здесь.

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

1. Если элемент <dfn> имеет атрибут title, значение атрибута title считается определяемым термином. В элементе должен быть текст, но этот текст может быть сокращением (возможно, с использованием элемента <abbr>) или другой формой термина.
2. Если элемент <dfn> содержит один дочерний элемент и не имеет собственного текстового содержимого, и дочерний элемент является элементом <abbr> с атрибутом title, то точное значение атрибута <abbr> элемента title является определяемым термином.
3. В противном случае текстовое содержимое элемента <dfn> является определяемым термином. Это показано в первом примере ниже.

Если вы включите атрибут id в элементе <dfn>, вы можете ссылаться на него с помощью элементов <a>. Такие ссылки должны использоваться для обозначения термина, с целью быстрого перехода к определению термина, если читатель с ним не знаком, щелкнув по ссылке на термин.

Это показано в примере ниже, в разделе Ссылки на определения.

Давайте рассмотрим несколько примеров различных сценариев использования.

В этом примере используется обычный элемент <dfn> для определения местоположения термина в определении.

HTML

<p>
  The <strong>HTML Definition element (<dfn>&lt;dfn&gt;</dfn>)</strong> is used
  to indicate the term being defined within the context of a definition phrase
  or sentence.
</p>

Поскольку элемент <dfn> не имеет атрибута title, текстовое содержимое самого элемента <dfn> используется как определяемый термин.

Результат

Для добавления ссылок на определения вы создаете ссылку обычным способом, используя элемент <a>.

HTML

<p>
  The
  <strong>HTML Definition element (<dfn id="definition-dfn">&lt;dfn&gt;</dfn>)</strong>
  is used to indicate the term being defined within the context of a definition
  phrase or sentence.
</p>

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Graece donan, Latine
  voluptatem vocant. Confecta res esset. Duo Reges: constructio interrete.
  Scrupulum, inquam, abeunti;
</p>

<p>
  Because of all of that, we decided to use the
  <code><a href="#definition-dfn">&lt;dfn&gt;</a></code> element for this
  project.
</p>

Здесь мы видим определение — теперь с атрибутом id, "definition-dfn", который может использоваться в качестве цели ссылки. Позже ссылка создается с помощью <a> с атрибутом href, установленным на "#definition-dfn", чтобы настроить обратную ссылку на определение.

Результат

В некоторых случаях вы можете использовать сокращение для термина при его определении. Это можно сделать, используя элементы <dfn> и <abbr> вместе, как показано ниже:

HTML

<p>
  The <dfn><abbr title="Hubble Space Telescope">HST</abbr></dfn> is among the
  most productive scientific instruments ever constructed. It has been in orbit
  for over 20 years, scanning the sky and returning data and photographs of
  unprecedented quality and detail.
</p>

<p>
  Indeed, the <abbr title="Hubble Space Telescope">HST</abbr> has arguably done
  more to advance science than any device ever built.
</p>

Обратите внимание на элемент <abbr> внутри элемента <dfn>. Первый элемент указывает, что термин является сокращением ("HST"), и указывает полный термин ("Hubble Space Telescope") в атрибуте title. Последний элемент указывает, что сокращенный термин представляет собой определяемый термин.

Результат

• Элементы, относящиеся к спискам определений: <dl>, <dt>, <dd>
• <abbr>