HTML dfn 语法
在 HTML 中,dfn 标签用于标识一个术语的定义。它通常出现在介绍某个新概念或术语时,用来告诉浏览器和辅助技术:“这是一个需要特别理解的术语”。
dfn 标签的主要作用是提供语义信息,让页面结构更清晰,同时也对无障碍阅读(如屏幕阅读器)更友好。
语法:
<dfn>术语</dfn>说明:
dfn 标签通常与段落文本、定义列表(dl、dt、dd)以及 title 属性结合使用,以提供术语的完整定义。
- 如果 dfn 元素有 title 属性,那么 title 属性的值就是被定义的术语。
- 如果 dfn 元素没有 title 属性,那么 dfn 元素的文本内容就是被定义的术语。
- 如果 dfn 元素包含一个 abbr 元素,并且该 abbr 元素有 title 属性,那么这个 title 属性的值就是被定义的术语。
dfn 标签用于包含术语,它可以用于以下场景。
- 在词汇表或字典中定义术语。
- 在教育内容中引入专业术语。
- 在技术文档或文章中说明行话或行业术语。
提示: dfn 是 “definition(定义)” 的缩写。
HTML dfn 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 低 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML dfn 示例
接下来,我们通过一个简单的例子来讲解一下 HTML dfn 标签是如何使用的。
示例:dfn 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>"<dfn>HTML</dfn>"是超文本标记语言,它是一门标记性语言。</p>
</body>
</html>页面效果如下图所示。

dfn 与 abbr 的区别
dfn 和 abbr 这 2 个标签很相似,它们之间的区别如下:
dfn:用于术语,它周围一般会有对该术语的解释。abbr:用于缩略词,主要为缩略词提供完整说明。
