<abbr> element helps provide a concise and consistent way of representing abbreviations and acronyms throughout a website. It also gives the user additional information about the meaning of the abbreviation or acronym.
<p>The <abbr title="World Health Organization">WHO</abbr> is a specialized agency of the United Nations.</p>
Notice the browser’s default styling for the
abbr element; a dotted underline. Hover over the abbreviated text and you’ll be shown a tooltip with the contents from the
While the primary purpose of the
<abbr> element is to mark up abbreviations and acronyms, the HTML specification does not restrict its use to these types of content.
<abbr> element to mark up other types of short-form content, such as dates, measurements, or units, is possible. However, it is recommended to use the
<abbr> element for its intended purpose to ensure semantic and accessible markup.
Did You Know?
<abbr>element was introduced in HTML 4.0 in 1998.
<abbr>element includes abbreviations and acronyms. It can also be used to mark up other types of short-form content, such as dates, measurements, and units.
- Screen readers and other assistive technologies can use the
titleattribute of the
<abbr>element to announce the full form of the abbreviation or acronym to visually impaired users.
<abbr>element can be styled using CSS to display the abbreviation or acronym in a specific way, such as changing the color or adding a border.