HTML <abbr> Tag

The <abbr> element in HTML is used to set acronym and abbreviations. Since the <acronym> tag deprecated in HTML5, use <abbr>. Following are the examples of acronyms−

B2B: Business to business
B2C: Business to consumer
CMS: Content Management System
PPC: Pay Per Click
ROI: Return On Investment
CTA: Call To Action

Following are the examples of abbreviations−

Mr : Mister
Dr. : Doctor
St: Street
Km: Kilometer

Let us now see an example to implement the abbr tag−

Example

<!DOCTYPE html>
<html>
<body>
<h2>Coding Ground</h2>
<h3>Compilers for Programming Languages and Web Technologies</h3>
<nav>
   <a href="/compile_java_online.php">Java</a> |
   <a href="/php_terminal_online.php">PHP</a> |
   <a href="/online_jquery_editor.php">jQuery</a> |
   <a href="/compile_c_online.php">C</a> |
   <a href="/compile_cpp_online.php">C++</a> |
   <a href="/online_angularjs_editor.php">AngularJS</a>
</nav>
<p>We also have a compiler for <abbr title="JavaScript">JS</abbr> libraries.</p>
</body>
</html>

Output

HTML <abbr> Tag

Place the cursor on JS to display the title−

HTML <abbr> Tag