<dfn>: 定义标签

最后更新:2026-10-13

<dfn>定义标签

标记一个术语的“定义实例”,通常是该术语在文档中第一次出现时使用。

分类格式化
内容模型短语内容
允许的父元素接受短语内容的元素
闭合标签需要 </dfn> 标签
状态标准

📝 语法

<dfn>术语</dfn>

▶ 示例

编辑下方代码,在 playground 中查看实时效果:

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<dfn> ✓ v1 ✓ v12 ✓ v1 ✓ v1 ✓ v1
所有主流浏览器均支持
提示: <dfn> 的父元素若含 <dfn> 内术语,浏览器会据此识别定义关系;配合 <abbr> 可同时标注缩写。

❓ 常见问题

Qdfn 标签是做什么用的?
A<dfn> 标记「正在定义的术语」,术语的解释应紧随其后(同一段落、或 <dt>/<dd> 定义列表中)。例如:<p><dfn>HTML</dfn> 是用于创建网页的标记语言。</p>。
Qdfn 和 abbr 可以一起用吗?
A可以,常见组合是 <dfn><abbr title='HyperText Markup Language'>HTML</abbr></dfn>——<abbr> 提供完整名称,<dfn> 声明「此处正在定义这个术语」,两者语义互补。
Qdfn 有默认样式吗?
A浏览器默认把 <dfn> 显示为斜体(font-style: italic),仅此而已。它很少单独使用,主要价值是语义标记,配合 <dl> 定义列表或文档内锚点链接时意义更完整。

📚 相关教程

Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏