dfn 标签仅标记术语，定义内容须紧邻其后且同属一语义块；最稳妥方式是置于同一元素内，如 <p><dfn title="Document Object Model">DOM</dfn> 是……</p>；title 属性为机器识别术语本体的唯一权威依据，不可为空或无效。

dfn 标签本身不承载定义内容，它的作用是“标记术语”，而定义描述必须通过结构关系与之绑定——这种绑定不是靠样式或位置猜测，而是依赖明确的语义容器和邻近性规则。

定义必须紧贴 dfn 出现，且在同一语义块内

浏览器、屏幕阅读器和搜索引擎只认可 与其解释文本之间无结构性隔断的情形。最稳妥的方式是把两者放在同一个

元素中，且解释紧跟在 后面：

• ✅ 正确：<p><dfn title="Document Object Model">DOM</dfn> 是网页内容的编程接口，以树状结构表示 HTML 文档。</p>
• ❌ 失效：<h2><dfn>DOM</dfn></h2><p>是网页内容的编程接口……</p>（标题与段落分属不同语义块）
• ❌ 失效：<p><dfn>DOM</dfn></p><p>是网页内容的编程接口……</p>（被

  隔开，破坏邻近性）

优先使用

…

…

结构

当集中罗列术语及其定义时，

数字服务代理公司网站HTML5模板

数字服务代理公司网站HTML5模板是一款适合提供用户界面设计、SEO优化、应用程序开发、内容营销等方面服务的公司宣传网站模板下载。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。

下载

提供原生的“术语–解释”语义映射，比单个

更清晰、更利于结构化数据提取：

• HTTP 应包裹在
  中，其定义文字放在对应的
  内；
  和
  的父子关系天然表达“这是什么”和“它是什么意思”
• 可配合 title 属性强化术语全称：<dt><dfn title="HyperText Transfer Protocol">HTTP</dfn></dt>
• 避免在
  中重复套用 ，定义已由
  承担，
  只负责说明

title 属性决定术语本体，不是可选项

的语义价值高度依赖 title 属性是否准确设置——它不是装饰，而是机器识别该术语“究竟指什么”的唯一权威依据：

• 若写 <dfn title="Cascading Style Sheets">CSS</dfn>，则被定义的是 “Cascading Style Sheets”，不是 “CSS”
• 若省略 title，又在标签内嵌了 ，则取 的 title 值；若两者都无，则退回到 内纯文本（含空格也要注意）
• 禁止 <dfn title="">API</dfn> 或 <dfn title="see section 3">API</dfn>，这类 title 不提供术语含义，等于语义污染

避免视觉优先思维，不为斜体而用 dfn

主流浏览器默认给 加斜体，但这只是渲染副作用。它的存在意义完全取决于是否满足“首次明确定义”这一语义条件：

• 同一页面中，术语第二次出现时，直接写普通文本，不可再套
• 不能把整句解释塞进 标签里，例如 <dfn>一种使网页适配不同屏幕尺寸的布局方法</dfn> 是错误用法
• 不在代码块（、<pre class="brush:php;toolbar:false;">）、表格单元格（&lt;td&gt;）或标题（&lt;h1&gt;–&lt;h6&gt;）中使用 &lt;dfn&gt;，这些环境缺乏定义所需的语义上下文 &lt;/dfn&gt; &lt;/h6&gt; &lt;/h1&gt; &lt;/td&gt;</pre>