HTML - <acronym> Tag



HTML <acronym> tag is used for indicating an acronym. If we hove over the text it shows the explanation of the word

This provides hints to a users with the help of a pop-up when the mouse hovers over the content written between the <acronym> tag, but the feture os totally of html title attribute.

HTML <acronym> tag is deprecated and not supported in HTML5. Instead you can use <abbr> tag

Syntax

<acronym title="Tutorialspoint">TP</acronym>  

Attribute

HTML acronym tag supports Global and Event attributes of HTML.

Examples of HTML acronym Tag

Bellow examples will illustrate the usage of acronym tag. Where, when and how to use acronym tag to create an abbreviation formed from the initial letters.

Create acronym Element

Consider the following example, where we are going to use the <acronym> tag.

<!DOCTYPE html>
<html>

<head>
   <title>HTML acronym Tag</title>
</head>
<body>
   <p><acronym title = "HyperText Markup Language">HTML</acronym></p>
</body>

</html>

Applying styles on acronym

Considering the following example, where we are going to use the <acronym> tag and applying the CSS properties to it.

<html>
<head>
   <style>
      acronym {
         font-variant: all-small-caps;
         background-color: yellow;
      }
   </style>
</head>
<body>
   <p>
      Using <acronym title="HyperText Markup Language">HTML</acronym> 
      is fun and easy! 
   </p>
   <p>
      <acronym title="Tutorialspoint">TP</acronym> 
      Easy to learn! 
   </p>
</body>
</html>

Supported Browsers

Tag Chrome Edge Firefox Safari Opera
acronym Yes Yes Yes Yes Yes
html_tags_reference.htm
Advertisements