标签仅用于标记文档中首次出现且被明确定义的专业术语，必须包裹术语本身并紧邻其定义语句，不可滥用作样式或重复标记；其术语提取优先级为：title属性值＞子元素title＞自身文本内容。

dfn 标签不是“加斜体的快捷键”，它只在术语**首次被明确定义**时才该用；滥用会导致屏幕阅读器误读、SEO 识别错乱，甚至破坏文档结构语义。

什么时候必须用 dfn？

仅当同时满足以下全部条件时才使用：

anything-to-html

将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。

下载

• 该术语在整篇文档中是第一次出现
• 紧随其后的文字（同一句子或紧邻段落）给出了它的明确定义，而非泛泛提及
• 你希望辅助技术（如屏幕阅读器）或工具（如术语提取脚本）能准确识别“此处正在定义这个词”
• 该词属于专业/领域内需澄清的概念（如 baseline、validator、URI），而非通用词（如 button、click）

dfn 里到底该放什么？——术语提取规则优先级

浏览器和辅助技术不会简单读取 dfn 内的可见文本，而是按固定顺序提取“被定义的术语”：

• 若有 title 属性，则以该属性值为准：<dfn title="HyperText Markup Language">HTML</dfn> → 定义的是 "HyperText Markup Language"
• 若内部只有一个子元素（如 @#@#@#@#@#@#@#@#@#@0
• 避免在定义句内部自链：<dfn id="x">@#@#@#@#@#@#@#@#@#@1</dfn> —— 破坏焦点逻辑，也违背“定义点”本意

最易被忽略的一点：很多人用 dfn 是因为默认斜体好看，结果在段落中间硬插一个空 dfn，或把它当成强调标签——这等于用语义标签干样式活，既没效果，还埋了可访问性雷。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！