最近重新翻看了一下前端基础知识，发现在HTML5标签里<abbr>与<acronym>标签两个都表示缩写，在使用的时候到底有什么区别呢？
1.<abbr>标签
（1）定义：手册里讲到<abbr>标签指示简称或是缩写比如： "WWW" 或 "NATO"。
通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。为了让大家能明白这个缩写是什么意思可以在这个标签上加title属性（如下面所示）。
（2）支持度：浏览器对这个标签的支持度很高，除了之前的IE6版本或最低级的IE版本不支持外，现在的浏览器都支持。
（3）示例： <p>What are the functions of <abbr title="People's Republic of China">PBC</abbr>? </p>
2.<acronym>标签
（1）定义：<acronym>标记是首字母缩写，通过对缩写进行标记，您能够为浏览器、拼写检查和搜索引擎提供有用的信息。同样<acronym>标签也是可以加上title属性，当鼠标放在这个缩写上面的时候可以起到提示的作用。
（2）支持度：浏览器对<acronym>这个标签的支持度也相对很高。
（3）示例：<p>China has been ( a member) in <acronym title="World Trade Organization">WTO</acronym> for4years.</p>
3.应用<abbr title="">与<acronym title=""> 的好处
（1）对搜索引擎友好
页面搜索的时候自动的将缩写字母与属性title值里面的内容对应起来，无论是搜完整的内容还是缩写的字母都能搜索的到。
（2）增加可阅读性
当我们在浏览器中发现这个搜素字母的时候，有些我们并不知道是什么意思，但是用鼠标放在上面就可以发现这个字母的全称，对人类的可阅读也起到好处。
4.abbr与acronym的区别
从上面的例子中我们可以看出<abbr>的语义范围要比<acronym>更宽泛一些，所以说在HTML4中用到<acronym>的地方可以替换成<abbr>，但是用到<acronym>的地方却不能换成<abbr>。在HTML5 中已经不支持 <acronym> 标签了，所以在HTML5中如果用到缩写的语义化标签就用<abbr>就行了。
网友评论