HTML <abbr> Tag

The <abbr> tag defines an abbreviation with an explanation or expansion. This explanation is added with a title attribute. Hovering over the abbreviation will display a tooltip with the explanation.

HTML Tag

Example

#

An <abbr> tag.
Hovering over RDBMS displays an expansion in a tooltip.

Our RDBMS is SQL Server.

<p>
  Our <abbr title="Relational Database Management System">RDBMS</abbr> 
  is SQL Server.
</p>
abbr = abbreviation

Using <abbr>

The <abbr> tag represents an abbreviation or acronym (e.g. HTML, GIF, XML).

The title attribute adds a description to the abbreviation.

Abbreviations also provide information to browsers, translation systems, and search engines.

More Examples

An <abbr> tag.
Hover the word HTML and a tooltip with Hypertext Markup Language will appear.

We use HTML to compose our web pages.

<p>
  We use 
  <abbr title="Hypertext Markup Language">HTML</abbr> 
  to compose our web pages.
</p>

Code explanation

The <abbr> tag creates an abbreviation.

The title contains a description or expansion which displays as a tooltip while hovering over the element.


Attributes for <abbr>

The <abbr> element has no attributes, but it does accept global attributes.
The following are commonly used:

Attribute Value Description
title    description Required. Sets the description or expansion of the abbreviation.
id    identifier Defines a unique identifier for the abbr.
class    classnames Sets one or more CSS classes to be applied to the abbr.
style    CSS-styles Sets the style for the abbr.

For additional global attributes see our global attributes list.


Did you know?

Did you know?

Removing the underline in <abbr>

By default, the <abbr> tag adds an underline to the text.

This can be removed using the CSS property text-decoration.

An <abbr> tag styled to have no underline.

HTML is what we study today.

<p>
  <abbr style="text-decoration: none;" 
        title="Hyper Text Markup Language">HTML</abbr> 
  is what we study today.
</p>

Browser support

Here is when <abbr> support started for each browser:

Chrome
1.0 Sep 2008
Firefox
1.0 Sep 2002
IE/Edge
1.0 Aug 1995
Opera
1.0 Jan 2006
Safari
1.0 Jan 2003

You may also like

Guides