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.