HTML - <dfn> 标签

HTML <dfn> 标签代表“定义”。<dfn> 标签用于指示在定义短语或句子上下文中定义的术语。

如果术语包含在 <dfn> 元素中，则浏览器理解该文本是该术语的定义。此 <dfn> 标签采用 title 属性，该属性指定术语的定义，并在鼠标悬停在其上时显示。

使用 HTML dfn 标签的规则

如果 <dfn> 包含单个子元素并且本身没有任何文本内容，则在 <dfn> 标签内添加 <abbr> 标签。
或者，添加 id 属性。然后，每当使用术语时，可以使用 <a> 标签引用定义。

语法

<dfn title=".."> .... </dfn>

属性

HTML dfn 标签支持 HTML 的全局和事件属性。

HTML dfn 标签示例

在下面的示例中，我们将看到 dfn 元素的不同示例。每个示例都将说明 html dfn 标签的用例。

指定 dfn 元素

在以下示例中，我们正在创建 HTML 文档并使用 <dfn> 标签而不使用 title 属性。

<!DOCTYPE html>
<html>
<body>
   <p>
      <dfn>tutorialspoint</dfn> is the EdTech company
      that provides good courses and technical tutorials for every 
      technologies.
   </p>
</body>
</html>

使用 title 属性指定 dfn 元素

考虑以下示例，我们正在创建 HTML 文档并使用带有 title 属性的 <dfn> 标签。

<!DOCTYPE html>
<html>
<body>
   <p>
      <dfn title="ReactJS">ReactJS</dfn> is the 
      library of the JavaScript language!.
   </p>
</body>
</html>

使用 abbr 标签指定 dfn 元素

让我们看看以下示例，我们正在创建 HTML 文档并在 <dfn> 标签内使用 <abbr> 标签。

<!DOCTYPE html>
<html>
<body>
   <p>
      <dfn>
      <abbr title="Hypertext Markup Language">HTML</abbr>
      </dfn> is the standard markup language for creating web pages.
   </p>
</body>
</html>

使用 id 属性指定 dfn 元素

以下是示例，我们将向 <dfn> 标签添加id 属性，以便每当使用一个词时，都可以使用 <a> 标签将其链接到定义。

<!DOCTYPE html>
<html>
<body>
   <p>
      <dfn id="definition-dfn">HTML Definition element</dfn> 
      is used to indicate the term being defined within the 
      context of a definition phrase or sentence.
   </p>
   <p>
      Because of all of that, we decided to use the 
      <a href="#definition-dfn">HTML dfn tag</a> 
   </p>
</body>
</html>

支持的浏览器

标签
dfn	是	是	是	是	是

html_tags_reference.htm

打印页面