HTML <abbr>: Abbreviation element

HTML <abbr>: Abbreviation element

The HTML Abbreviation element (<abbr>) represents an abbreviation or acronym.

The <abbr> attribute is optional of <title> attribute but after including <abbr> attribute it must contain a description of the abbreviation that is human readable on mouse hover.



Important Note:


• The HTML <abbr> element is found within the <body> tag.

• Some browsers may required some special styling to the <abbr> tag in such condition we may need to add a dotted underline or translating the text to small caps manually.


HTML <abbr> element example:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>The abbr element example</title>
</head>
<h1>The abbr element</h1>

<p>The <abbr title="Computer Science Engineering">CSE </abbr> department comes under technical degree.</p>

</html>

Output:


The CSE department comes under technical degree.



HTML <abbr> element example 2:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>The abbr element example</title>
</head>
<h1>The abbr element</h1>

<p>You can use <abbr title="Cascading Style Sheets">CSS</abbr> to style your <abbr title="HyperText Markup Language">HTML</abbr>.</p>

</html>

Output :

You can use CSS to style your HTML.