HTML Tags – Abbreviation Tag

What is an <abbr> Abbreviation Tag in HTML ?

Abbreviation Tag represents an abbreviation or acronym.

<abbr> element only supports the global attributes.

Abbreviation Tag starts with the opening <abbr> and closing tag</abbr>.

The “title” is an important attribute used with the <abbr> element.

“title” attribute should contain human-readable description or expansion of the abbreviation.

The “title” text is presented by browsers as tooltip whenever the mouse cursor is hovered over the element.

Why <abbr> Abbreviation Tag is used ?

Whenever there is a need to display the abbreviation acronyms for a word in the webpage, this <abbr> is used.

Note : All browsers displays the “title” text as inline (display: inline) by default.

How <abbr> tag displays the Abbreviated word ?

When the mouse over event happened over the text in the webpage, the fullname/description in <abbr title=””> is displayed.

HTML coding for a website !!!

Click to Learn More about – HTML Tutorial for beginners

Syntax :



<abbr title="HyperText Markup Language">HTML</abbr>

Example :

                <title>My Webpage</title>
                <p>US stands for <abbr title = "United States">United States</abbr></p>
                <p>IN stands for <abbr title = "India">India</abbr></p>
                <p>APJ stands for <abbr title = "Abdul Kalaam">APJ Abdul Kalaam</abbr></p>
                <p>WHO stands for <abbr title = "World Health Organisation">World Health Organisation</abbr></p>
                <p>EC stands for <abbr title = "European Community">European Community</abbr></p>

Output :

Global Attributes

<abbr> tag also support global attributes listed below,

1idunique_nameDeclared unique id for an element.
2classclass_nameDeclared one or more classnames for an element.
3stylestylesCSS inline styles specify an element.
4titletitleSpecify extra details of element contain, this will display as a “tooltip” for an elements.

Event Attributes

<abbr> tag support following Event attributes listed below,

1onfocusscriptelement gets focus on object when script tobe run.
2onblurscriptelement lose the focus on object when scrip tobe run.
3onclickscriptclicked on object when script tobe run.
4ondblclickscriptdouble click on object when script tobe run.
5onkeydownscriptkey is pressed when script tobe run.
6onkeypressscriptkey is pressed over element then released when script tobe run.
7onkeyupscriptkey is released over element when script tobe run.
8onmousedownscriptmouse button was pressed over an element when script tobe run.
9onmouseoutscriptmouse pointer release over an element when script tobe run.
10onmousemovescriptrun mouse pointer moved when script tobe run.
11onmouseoverscriptrun mouse pointer move over when script tobe run.
12onmouseupscriptmouse button is released when script tobe run.

Browser Compatibility

6Internet ExplorerYes


  1. I quite like reading an article that can make men and women think. Also, thanks for allowing me to comment. Brittan Finley Teryn

Comments are closed.