HTML - dfn 标签_HTML 菜鸟教程

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

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

<dfn> 标签的使用规则

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

语法


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

属性

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

<dfn> 标签示例

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

<dfn> 标签简单示例

在以下示例中，我们将创建一个 HTML 文档，并使用不带标题属性的 <dfn> 标签：


<!DOCTYPE html>
<html>
<body>
	 <p>
			<dfn>qikepu.com</dfn>是启科普公司吗？
			 为每一个人提供良好的课程和
			 技术。
	 </p>
</body>
</html>

<dfn> 标签使用 title 属性

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


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

<dfn> 标签使用 abbr 标签

让我们看一下下面的例子，我们正在创建一个 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>

<dfn> 标签使用 id 属性

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


<!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>	Yes	Yes	Yes	Yes	Yes

<< HTML - del 标签 HTML - em 标签 >>