HTML Tags
HTML <abbr> Tag
The <abbr> tag marks up an abbreviation or acronym and can reveal its full expansion through the title attribute.
What is the <abbr> tag?
The <abbr> element represents an abbreviation or acronym. When you add a title attribute containing the full expansion, most browsers show it as a tooltip on hover, and assistive technologies can announce it. This improves clarity and accessibility.
Syntax
<abbr title="Full expansion">ABBR</abbr>Complete example
<!DOCTYPE html>
<html lang="en">
<body>
<p>
The <abbr title="HyperText Markup Language">HTML</abbr> and
<abbr title="Cascading Style Sheets">CSS</abbr> specs are maintained by the
<abbr title="World Wide Web Consortium">W3C</abbr>.
</p>
</body>
</html>Attributes
| Attribute | Description |
|---|---|
| title | The full expansion of the abbreviation, shown as a tooltip and read by screen readers. |
💡
The <abbr> tag replaces the obsolete <acronym> tag. Use <abbr> for both abbreviations and acronyms in HTML5.
The <abbr> tag is supported in all browsers. Many display it with a dotted underline by default; you can change this with CSS.