HTML acronym Tag
BLUF: Mastering HTML acronym Tag is a fundamental step in becoming a web developer. This guide covers the structure, syntax, and best practices for using this HTML element effectively.
Key Lesson: HTML acronym Tag
Web structure starts with solid HTML. Learn how HTML acronym Tag contributes to accessible and semantic web pages in the tutorial below.
The HTML \<abbr> element is utilized alongside the title attribute to enclose a detailed explanation of an acronym. When the cursor hovers over the content, the word's explanation will be displayed.
Note: The <acronym> tag has been depreciated in HTML5 and we can use <abbr> tag instead of <acronym>.
Syntax
Example
<acronym title="Indian Space Research Organisation">ISRO</acronym>
Here are some details regarding the HTML <acronym> tag:
| Display | Inline |
|---|---|
| Start tag/End tag | Both Start tag and End tag |
| Usage | Semantic/Textual |
Example
Example
<!DOCTYPE html>
<html>
<head>
<title>Acronym tag</title>
</head>
<body>
<h2>Acronym tag Example</h2>
<acronym title="Indian Space Research Organisation">ISRO</acronym>
</body>
</html>
Difference between <acronym> and <abbr> tag
Even though HTML5 does not support the <acronym> tag, we can achieve the same outcome by utilizing the <abbr> tag, ensuring that the desired result is still achieved with either tag.
Example
Example
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h2>Acronym and Abbreviation Example</h2>
<acronym title="Indian Space Research Organisation">ISRO</acronym>
<abbr title="National Aeronautics and Space Administration">NASA</abbr>
</body>
</html>
Supporting Browsers
| Element | Chrome | IE | Firefox | Opera | Safari |
|---|---|---|---|---|---|
<acronym> |
Yes | Yes | Yes | Yes | Yes |
