HTML <abbr> 标签的作用及缩写词定义方法
在HTML文档中，<abbr> 标签用于定义缩写词或首字母缩略词，比如“HTML”“CSS”“WHO”这类常见的缩写形式。使用该标签可以为缩写词提供完整的语义解释，既帮助浏览器、搜索引擎更好地理解内容含义，也能为屏幕阅读器等辅助工具提供额外信息，提升网页的可访问性。
<abbr> 标签的核心属性
<abbr> 标签最常用的属性是 title，该属性用于标注缩写词的完整全称，当用户将鼠标悬停在缩写词上时，浏览器会显示 title 中定义的完整内容。
缩写词的定义示例
以下是使用 <abbr> 标签定义缩写词的具体代码示例：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>abbr标签使用示例</title> </head> <body> <p> <abbr title="超文本标记语言">HTML</abbr> 是用于创建网页的标准标记语言。 </p> <p> 世界卫生组织（<abbr title="World Health Organization">WHO</abbr>）是联合国下属的专门机构。 </p> <p> 我们可以通过访问 https://www.ipipp.com 获取相关的技术文档参考。 </p> </body> </html>
使用注意事项
如果缩写词是文档中首次出现，可以先展示完整全称，再使用 <abbr> 标签标注缩写，例如：<p>超文本标记语言（<abbr title="HyperText Markup Language">HTML</abbr>）是网页开发的基础。</p>
<abbr> 标签的
title属性内容需要准确对应缩写词的完整含义，避免提供误导性信息。不要滥用 <abbr> 标签，只有明确的缩写词、首字母缩略词才适合使用该标签，普通词汇不需要添加。
语义化价值
使用 <abbr> 标签定义缩写词属于HTML语义化实践的一部分，相比单纯用普通文本展示缩写，它能够让搜索引擎更准确地抓取内容语义，同时在无障碍访问场景下，辅助工具可以读取 title 中的完整内容，帮助视障用户理解缩写含义，提升网页的友好性。