先记住这个答案
<abbr> 用来标记缩写，title 可以提供完整名称，例如给 CSS 写“Cascading Style Sheets”。但 title 常以悬浮提示呈现，触屏、键盘和读屏用户不一定能稳定获取。重要术语首次出现时，直接写“层叠样式表（CSS）”，后面再用缩写，比把解释只藏在属性里更可靠。
<abbr>标记缩写语义title可提供完整名称- 正文首次出现仍应解释
- 不要只靠悬浮提示传达关键内容
首次出现就把全称写出来
技术文章里同一个缩写会出现多次。读者不应为了理解首句而寻找悬浮提示；在正文先给全称和缩写，再用标记补充语义，后文就可以简洁使用缩写。
<p>层叠样式表（<abbr title="Cascading Style Sheets">CSS</abbr>）
负责描述页面的呈现方式。后文会继续讨论 CSS 的层叠规则。</p>这段话即使浏览器不显示 title 提示，中文读者仍知道 CSS 是什么；属性提供英文展开形式。<abbr> 是语义标记，不会自动为缩写编写解释。
如果缩写本身在目标读者中非常常见，也可根据文稿风格简化说明；但涉及业务内部代号、医学或法律术语时，应优先考虑陌生读者。
别把悬浮提示当作唯一入口
鼠标用户可能悬停看到 title，触屏没有同样稳定的悬停操作，不同读屏器读出属性的方式也不同。关键解释只藏在 title，会让部分用户失去上下文。
文章中重复出现的缩写不必每次都附冗长全称。首次解释、后续统一用词即可。对多义缩写，明确当前语境里的展开形式，避免读者从别的领域误解。
例如文档第一次出现“CSP”时，写成 内容安全策略（CSP），读者不需要把鼠标停在缩写上就能理解。<abbr title="Content Security Policy">CSP</abbr> 可以额外提供英文全称，但 title 在触屏上难发现，也不能保证屏幕阅读器按预期宣读。若缩写在整篇文章里反复出现，首次说明后再使用即可；不必每次都重复包上元素。缩写本身若是产品名或读者熟悉的词，也不必机械加标签。
容易答错的地方
- 只在
title里写完整名称 - 有些用户不会触发或听到悬浮提示；重要展开词应进入可见正文。
- 把
<abbr>当成自动翻译工具 - 元素只标记语义，不会替你决定缩写含义，
title内容仍要准确。
面试官还会怎么问？
每次出现 CSS 都要包 <abbr> 吗？
通常不必。首次出现解释清楚，后文保持用词一致即可。
title 可以写一整段定义吗？
它更适合简短展开名称。复杂解释应放正文或可访问的帮助内容。
内部业务缩写怎么处理？
首次出现时写出全称和作用，必要时补业务背景，避免只给字母代号。
参考资料
示例用于理解所注明的运行环境与边界；延伸学习可结合原文中的更多案例。