HTML5中Abbr标签如何定义缩略语及说明完整含义

abbr 标签用于标记缩略语或首字母缩写词，通过 title 属性提供完整含义，提升可访问性与语义清晰度；首次出现的专业缩写、技术术语及机构名称缩写应使用，避免滥用和错误嵌套。

abbr 缩略语（abbreviation）或首字母缩写词（acronym）可使用该标签标记，并能借助 title 属性给出完整含义，从而增强可访问性并让语义更加清晰。

基本用法及语义价值

使用 abbr 不仅让屏幕阅读器能朗读全称，还帮助搜索引擎和开发者理解内容意图。例如：
<abbr title="Cascading Style Sheets">CSS</abbr>
浏览器中显示为“CSS”，鼠标悬停时提示“Cascading Style Sheets”；视障用户使用读屏软件时，会听到“Cascading Style Sheets”而非仅“C S S”。

何时应使用 abbr 而非普通文本

以下情形建议包裹在 abbr 中：

• 首次出现的专业缩写，例如 <abbr title="World Wide Web Consortium">W3C</abbr>
• 技术术语的缩写，例如 <abbr title="Application Programming Interface">API</abbr>
• 机构、标准或协议名称缩写，例如 <abbr title="HyperText Transfer Protocol">HTTP</abbr>
• 同一缩写无需反复解释，可在它首次出现时使用 abbr，之后可直接使用

注意事项及常见误区

正确使用时需注意以下几点：

• title 属性应当准确完整，若把 “JavaScript” 简写成 “JS”，就属于省略关键词，不够规范
• 通常无需用于已成为通用词汇的 “laser”（原为 light amplification by stimulated emission of radiation），日常口语缩写 “Mr.”、“Dr.” 也一样；不要滥用 abbr
• 不能替代 dfn 标签：需要强调某个词属于定义性术语时，应优先采用 <dfn><abbr title="...">...</abbr></dfn>
• 不要在其中嵌套按钮、链接等其他交互元素 abbr 内，否则可能影响可访问性行为

与 HTML4 的兼容性说明

abbr 所有现代浏览器均支持，无需额外 polyfill。它从 HTML4 延续至 HTML5，语义作用还得到强化，但需注意：
IE8 及更早版本虽然能够识别该标签，但对 title 建议用简洁上下文帮助理解，因为提示并未获得稳定支持。