dfn的id属性仅在术语为核心概念、需精准锚点跳转且定义语义自洽时才可添加；禁止自链、批量添加或脱离定义上下文使用，否则破坏可访问性与语义结构。
dfn 的 id 属性不是“随便加就能跳转”的装饰，它只在明确需要锚点回链、且语义合理时才该用；滥用会导致焦点混乱、屏幕阅读器误读，甚至破坏定义上下文。
什么时候必须给 dfn 加 id？
仅当满足以下全部条件时才加：
– 该术语是文档核心概念（如 baseline、validator），值得被外部或内部反复引用
– 你希望读者能从别处点击链接，精准跳转到这个「定义发生的位置」
– 定义本身已完整、紧邻、语义自洽（例如：<p><dfn id="def-baseline">baseline</dfn> 是 CSS 行内对齐的参考线。</p>）
– 不是为所有 dfn 批量加 id，更不能在标题或列表项里孤立使用
为什么不能在定义句里自链？
常见错误写法：<p><dfn id="x">x</dfn> 是一个变量。详见 <a href="#x">此处</a>。</p>
– 这会让屏幕阅读器在读到 dfn 时立即触发焦点跳转逻辑，打断自然阅读流
– 浏览器可能将 id 解析为“当前元素可被跳转”，但语义上它本就是定义起点，再指向自己无意义
– 搜索引擎和术语提取工具会认为该 id 是冗余标记，降低结构可信度
如何安全实现术语索引跳转？
推荐组合方式：
– 给 dfn 加 id（如 <dfn id="semantics">语义化</dfn>）
– 在术语首次出现后的段落末尾，或独立术语表区域，用普通链接指向它（如 <a href="#semantics">语义化</a>）
– 若定义跨段落，配合 aria-describedby 显式绑定解释容器（如 <div aria-describedby="semantics">指使用 <code><nav></code> 等有含义的标签…</div>）
– 避免把 id 放在 <dt> 或 <figcaption> 外的任意 div 里——dfn 必须处于能承载定义语义的块级上下文中
立即学习“前端免费学习笔记（深入）”；
最易被忽略的一点：很多人加 id 是为了方便 JS 动态高亮或滚动定位，但这属于交互增强，不能替代语义正确性；先确保定义成立，再考虑跳转是否必要。
