HTML <abbr> tag

The <abbr> tag expounds the full text explanation of any things. The <abbr> tag and title attribute are always associated each other to define the abbreviation or acronym of an object.
Type: Block Element

Example of <abbr>

<abbr title="Hyper Text Markup Language"> HTML </abbr>

Output on the browser

HTML

Here, if you hover over the above "HTML", a small box will appear near HTML showing the abbreviation what we have written.

Supported Browsers

Tag	Chrome	Internet Explorer	Firefox	Safari	Opera Mini
<abbr>	Yes	Yes	Yes	Yes	Yes

Full code example

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>
<abbr title="Hyper Text Markup Language"> HTML </abbr> is the world most common internet language.
</p>
</body>
</html>

Run The code »

Output on the browser

HTML is the world most common internet language.

More reference

The users on the website could not realize the value of the title attribute until they hover over the text. But giving the <abbr> tag augments crawling a website in search engine like Google.

The <abbr> tag and title attribute are dependent of each other. They are always combined to define an abbreviation.

There is an HTML tag called <acronym> which performs the same function as <abbr> has done. But it is highly advised to use <abbr> tag since <acronym> is not supported or readable in modern HTML.

❮ Previous Next ❯