<dfn>:定义元素

基线 广泛可用

此功能已经完善,可在许多设备和浏览器版本上运行。它自以下日期起在所有浏览器中都可用 2015 年 7 月.

<dfn> HTML 元素指示要定义的术语。<dfn> 元素应在完整的定义语句中使用,其中术语的完整定义可以是以下之一

  • 祖先段落(一段文本,有时用 <p> 元素标记)
  • 配对
  • <dfn> 元素最近的 祖先元素,

试一试

属性

此元素的属性包括 全局属性

title 属性具有特殊含义,如下所述。

使用说明

使用 <dfn> 元素有一些不太明显的方面。我们在这里对此进行探讨。

指定要定义的术语

要定义的术语按照以下规则识别

  1. 如果 <dfn> 元素具有 title 属性,则 title 属性的值被视为要定义的术语。元素中仍必须包含文本,但该文本可能是缩写(可能使用 <abbr>)或术语的另一种形式。
  2. 如果 <dfn> 包含单个子元素并且自身没有任何文本内容,并且子元素是具有自身 title 属性的 <abbr> 元素,则 <abbr> 元素的 title 的精确值是要定义的术语。
  3. 否则,<dfn> 元素的文本内容是要定义的术语。这在 下面的第一个示例中显示。

注意:如果 <dfn> 元素具有 title 属性,则它必须包含要定义的术语,而不能包含其他文本。

如果在 <dfn> 元素上包含 id 属性,则可以使用 <a> 元素链接到它。此类链接应为术语的使用,目的是读者可以通过单击术语的链接快速导航到术语的定义(如果他们尚不了解)。

这在下面 链接到定义下的示例中显示。

示例

让我们来看一些不同使用场景的示例。

术语的基本识别

此示例使用简单的 <dfn> 元素来识别定义中术语的位置。

HTML

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

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

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>

请注意嵌套在 <dfn> 内部的 <abbr> 元素。前者表明该术语是缩写(“HST”),并在其 title 属性中指定了完整术语(“哈勃太空望远镜”)。后者表示缩写术语代表要定义的术语。

结果

技术摘要

内容类别 流内容短语内容可感知内容
允许的内容 短语内容,但不能有 <dfn> 元素作为后代。
标签省略 无,起始和结束标签都是必需的。
允许的父元素 任何接受 短语内容 的元素。
隐式 ARIA 角色 术语
允许的 ARIA 角色 任何
DOM 接口 HTMLElement

规范

规范
HTML 标准
# the-dfn-element

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅