abbr 标签用于标记缩略语或首字母缩写词，通过 title 属性提供完整含义，提升可访问性与语义清晰度；首次出现的专业缩写、技术术语及机构名称缩写应使用，避免滥用和错误嵌套。
abbr 标签用于标记缩略语（abbreviation）或首字母缩写词（acronym），并可通过 title 属性提供其完整含义，提升可访问性和语义清晰度。
基本用法与语义价值
使用 abbr 不仅让屏幕阅读器能朗读全称，还帮助搜索引擎和开发者理解内容意图。例如：
CSS
浏览器中显示为“CSS”，鼠标悬停时提示“Cascading Style Sheets”；视障用户使用读屏软件时，会听到“Cascading Style Sheets”而非仅“C S S”。
何时该用 abbr 而非普通文本
以下情况建议包裹在 abbr 中：
- 首次出现的专业缩写，如 W3C
- 技术术语缩写，如 API
- 机构、标准或协议名称的缩写，如 HTTP
- 避免对同一缩写多次重复解释，可在首次出现时用 abbr，后续可直接使用
注意事项与常见误区
需注意几点以确保正确使用：
- title 属性必须准确且完整，不应省略关键词（如将 “JavaScript” 写成 “JS” 就不够规范）
- 不要滥用：日常口语缩写如 “Mr.”、“Dr.” 或已成通用词汇的 “laser”（原为 light amplification by stimulated emission of radiation）通常无需 abbr
- 不替代 dfn 标签：若强调某词是定义性术语，应优先用 ...
- 避免嵌套其他交互元素（如按钮、链接）在 abbr 内，可能影响可访问性行为
与 HTML4 的兼容性说明
abbr 在 HTML4 中已存在，HTML5 继续保留并强化其语义作用。所有现代浏览器均支持，无需额外 polyfill。但需注意：
IE8 及更早版本虽识别该标签，但对 title 提示的支持不稳定，建议配合简洁上下文辅助理解。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
