<abbr>: The Abbreviation element - HTML

`Examples`

`Marking up an abbreviation semantically`

To mark up an abbreviation without providing an expansion or description, use without any attributes, as seen in this example.

HTML html Using HTML is fun and easy! Result

`Styling abbreviations`

You can use CSS to set a custom style to be used for abbreviations, as seen in this basic example.

HTML html Using CSS, you can style your abbreviations! CSS css abbr { font-variant: all-small-caps; } Result

`Providing an expansion`

Adding a title attribute lets you provide an expansion or definition for the abbreviation or acronym.

HTML html Ashok's joke made me LOL big time. Result

`Defining an abbreviation`

You can use in tandem with to more formally define an abbreviation, as shown here.

HTML html HTML is a markup language used to create the semantics and structure of a web page. A Specification (spec) is a document that outlines in detail how a technology or API is intended to function and how it is accessed. Result

`Technical summary`

Content categories	Flow content, phrasing content, palpable content
Permitted content	Phrasing content
Tag omission	None, both the starting and ending tag are mandatory.
Permitted parents	Any element that accepts phrasing content
Implicit ARIA role	No corresponding role
Permitted ARIA roles	Any
DOM Interface	`HTMLElement`

`Specifications`

Specification
HTML # the-abbr-element

`Browser compatibility`

See also Using the element Help improve MDN Was this page helpful to you? Learn how to contribute.This page was last modified on Jun 7, 2025 by MDN contributors. View this page on GitHub • Report a problem with this content