<dfn>:定义元素
<dfn>
HTML 元素指示要定义的术语。<dfn>
元素应在完整的定义语句中使用,其中术语的完整定义可以是以下之一
试一试
属性
此元素的属性包括 全局属性。
title
属性具有特殊含义,如下所述。
使用说明
使用 <dfn>
元素有一些不太明显的方面。我们在这里对此进行探讨。
指定要定义的术语
到 <dfn>
元素的链接
示例
让我们来看一些不同使用场景的示例。
术语的基本识别
此示例使用简单的 <dfn>
元素来识别定义中术语的位置。
HTML
html
<p>
The <strong>HTML Definition element (<dfn><dfn></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"><dfn></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"><dfn></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
属性中指定了完整术语(“哈勃太空望远镜”)。后者表示缩写术语代表要定义的术语。
结果
技术摘要
规范
规范 |
---|
HTML 标准 # the-dfn-element |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。