HTML <abbr>
元素代表缩写,并可选择提供一个完整的描述。
如果存在,title
属性必须包含这个完整的描述,没有其他的的。
- Content categories Flow content, phrasing content, palpable content
- Permitted contentPhrasing content.
- Tag omission 不允许,开始标签和结束标签都不能省略。
- Permitted parent elements Any element that accepts phrasing content.
- DOM interface
HTMLElement
Up to Gecko 1.9.2 (Firefox 3.6) inclusive, Firefox implemented theHTMLSpanElement
interface for this element.
属性
这个元素只有全局属性。
使用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>
结果
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) |