acronym HTML

HTML <acronym> Tag

The HTML <acronym> tag is not supported in HTML 5 and the HTML <abbr> tag is used instead of the HTML <acronym> tag. To contain a full explanation of an acronym content, the HTML <acronym> tag is used with the HTML “title” attribute. It displays the explanation of the word when the user hovers the mouse on the content written between the <acronym> and </acronym> tags.

Syntax:

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

Example:

<!DOCTYPE html>
<html>
<body>
<p>Hello World!! You are learning <acronym title="Cascading Style Sheets">CSS</acronym>.</p> 
</body>
</html>

Output:

Explanation:

In the above example, we are using the HTML <acronym> tag to display the explanation of the term “CSS”.

Difference between <acronym> and <abbr> tag:

Example:

<!DOCTYPE html>
<html>
<body>
<h2>Example</h2>  
<p>Hello World!! You are learning <abbr title="Hyper Text Markup Language">HTML</abbr>.</p> 
<p>Hello World!! You are learning <acronym title="Cascading Style Sheets">CSS</acronym>.</p> 
</body>
</html>

Output:

Explanation:

In the above example, we are using the HTML <acronym> and <abbr> tag to display the explanation of two different terms.

Supporting Browsers:

Chrome, IE, Firefox, Opera and Safari.

Please Share