HTML - <abbr>
The HTML <abbr> element (or HTML Abbreviation Element) represents an abbreviation and optionally provides a full description for it. If present, the title attribute must contain this full description and nothing else.
Description
The HTML <abbr> element (or HTML Abbreviation Element) represents an abbreviation and optionally provides a full description for it. If present, the title attribute must contain this full description and nothing else.
<p>I do <abbr title="Hypertext Markup Language">HTML</abbr></p>
See more in depth examples in the How to mark abbreviations and make them understandable article.
| DOM Interface | HTMLElement |
|---|---|
| Content categories | Flow content, phrasing content, palpable content |
| Permitted content | Phrasing content |
| Permitted parent elements | Any element that accepts phrasing content |
Browser Compatibility
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | 2.0 | 1.0 (1.7 or earlier) [1] | 7.0 | 1.3 | (Yes) |
| Feature | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
[1] Up to Gecko 1.9.2 (Firefox 3.6), Firefox implemented the HTMLSpanElement interface for this element instead of the HTMLElement interface.
See Also
- Using the <abbr> element
- Other elements conveying text-level semantics:
<a>,<em>,<strong>,<small>,<cite>,<q>,<dfn>,<time>,<code>,<var>,<samp>,<kbd>,<sub>,<sup>,<b>,<i>,<mark>,<ruby>,<rp>,<rt>,<bdo>,<span>,<br>,<wbr>.
Specifications
| Specification | Status | Comment |
|---|---|---|
| WHATWG HTML Living Standard The definition of '<abbr>' in that specification. |
Living Standard | |
| HTML5 The definition of '<abbr>' in that specification. |
Recommendation | |
| HTML 4.01 Specification The definition of '<abbr>' in that specification. |
Recommendation |
The purpose of this element is purely for the convenience of the author and all browsers display it inline (display: inline) by default, though its default styling varies from one browser to another:
- Some browsers, like Internet Explorer, do not style it differently than a
<span>element. - Opera, Firefox, and some others add a dotted underline to the content of the element.
- A few browsers not only add a dotted underline, but also put it in small caps; to avoid this styling, adding something like
font-variant: nonein the CSS takes care of this case.
License
© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/abbr