MDN wants to talk to developers like you: https://qsurvey.mozilla.com/s3/a3e7b5301fea

 

 HTML <abbr>元素代表缩写,并可选择提供一个完整的描述。

如果存在,title 属性必须包含这个完整的描述,没有其他的的。

属性

这个元素只有全局属性

使用title属性定义对缩写的完整描述时,很多用户代理把完整描述以提示框的形式描述。

注意:在具有语法编号的语言(特别是具有两个以上数字的语言,如阿拉伯语)中,在您的标题属性中使用与您的<abbr>元素一样的语法数字。

范例

<abbr title="Internationalization">I18N</abbr>

查看更多深入的例子 How to mark abbreviations and make them understandable 文章。

默认样式

虽然完全为了网站制作者的方便,所有的浏览器都默认把这个元素显示为行内元素 (display: inline) ,但是默认样式在不同浏览器中存在差别:

  • 一些浏览器,比如IE,对它的添加的样式和<span> 元素的样式完全相同。
  • Opera、Firefox和其他一些浏览器给这个元素的内容添加一条点状下划线 。
  • 一些浏览器不仅添加点状下划线,而且还把元素的内容添加小写大写字母的样式。为了避免这个样式,在CSS中添加font-variant: none

因此强烈建议网站制作者不要依赖默认样式。注意IE7之前版本的IE不支持这个元素 。因为这些版本的IE不允许给未知元素添加样式,所以要让它们能对<abbr>元素添加样式,下面的脚本是必要的:

<!--[if lte IE 6]>
  <script>
    document.createElement("abbr");
  </script>
<![endif]-->

示例

<p>Tony Blair is the prime minister of the <abbr title="United Kingdom">UK</abbr></p>

结果

Image:Abbr.gif

Tony Blair is the prime minister of the UK

规范

Specification Status Comment
WHATWG HTML Living Standard
<abbr>
Living Standard  
HTML5
<abbr>
Recommendation  
HTML 4.01 Specification
<abbr>
Recommendation  

浏览器兼容

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 2.0 1.0 (1.7 or earlier) 7.0 1.3 (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

另请参阅

HTML元素
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 
(快速链接 HTML Category)

文档标签和贡献者

 此页面的贡献者: xgqfrms-GitHub, fscholz, xingzhi, ziyunfei, jessiecaisme
 最后编辑者: xgqfrms-GitHub,