abbr element represents an abbreviated term or acronym, possibly explained with the
title attribute. If the
title attribute is present, it must provide the expanded version of the abbreviation.
User agents will commonly render a tool tip, with the value of the
title attribute, whenever the user puts the mouse over the element. This behavior, despite how useful it becomes in this case, is common to all elements.
The use of
abbr to mark abbreviations isn't mandatory. Authors may use other methods to explain abbreviations, like providing the expanded version next to them in parenthesis.
In previous versions of the standard, acronyms would be represented by the
acronym element. In HTML5 this element has been eliminated in favor of
The following example shows the
abbr element being used to abbreviate a word. You'll be able to see the explanation by placing your mouse over the content of the element.
<p><abbr title="Professor">Prof.</abbr> Jhon Smith studied at the Guildhall School of Music and Drama.</p>
Prof. Jhon Smith studied at the Guildhall School of Music and Drama.
abbr element is used to explain an acronym.
<p><abbr title="International Organization for Standardization">ISO</abbr> is the world's largest developer of voluntary International Standards.</p>
ISO is the world's largest developer of voluntary International Standards.
Lastly, an examples of an abbreviation explained without using the
<p>The president of the WB (World Bank) is, traditionally, an American...</p>
The president of the WB (World Bank) is, traditionally, an American...
For information about global attributes refer to this list of global attributes in HTML5.
For information about global events refer to this list of global events in HTML5.