The HTML <abbr></abbr> element is used show the full meaning of an abbreviation or an acronym. Unlike the <acronym></acronym> element, it is supported in HTML5. The user must hover their cursor over the the selected text in order to view the abbreviation.
Attributes
Global attributes
It is best to associate this element with the global title attribute to indicate the text to show for the abbreviation.
HTML example:
<abbr title="Cascading Style Sheets">CSS</abbr>
Rendering
Abbreviations are typically rendered with a dotted line below them.
Typical CSS representation
abbr[title] {
border-bottom: dotted 1px;
}
Coding rules
The <abbr> element belongs to the Flow content category.