HTML Abbreviation Tag

The <abbr> tag is used to show the full name, description, etc of the abbreviated text. This tag is not recognised by IE6, however in IE7 it works.

Where/how To Use The <abbr> Tag

Use in head or body section? body
Inline or Block level tag? Inline
HTML Tag Syntax? <start tag>CONTENT</end tag>
XHTML Tag Syntax? <start tag>CONTENT</end tag>

Example abbreviation

Code Output
<abbr>ORG<abbr>

ORG

<abbr title="Organisation">ORG<abbr>

ORG

Hold your mouse over the second example, unless you are using IE6 or another browser that doesn't support abbr. A box will come up with the text: "Organisation".


Notes

  • abbr means abbreviation

  • Use the title attribute with this tag

  • Do not use this tag for acronyms (use the acronym tag)

  • There are no differences between XHTML and HTML for this tag

Common attributes for the abbr tag

class, style, id, title, dir, xml:lang, lang

Javascript Event attributes for the abbr tag

onmousedown, onmouseup, onclick, ondblclick, onmouseover, onmouseout, onmousemove, onkeydown, onkeyup, onkeypress


Comments