HTML <abbr> टैग

HTML <abbr> टैग क्या है?

HTML में <abbr> एलिमेंट का उपयोग संक्षिप्तीकरण (abbreviations) और परिवर्णी शब्द (acronyms) सेट करने के लिए किया जाता है। चूंकि <acronym> टैग HTML5 में अप्रचलित है, <abbr> का उपयोग करें।

सामान्य परिवर्णी शब्द (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

सामान्य संक्षिप्तीकरण (Abbreviations) के उदाहरण

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

उदाहरण

<!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>

आउटपुट

"JS" पर कर्सर होवर करने पर टूलटिप में पूर्ण रूप "JavaScript" दिखाई देगा:

कर्सर "JS" पर रखने पर शीर्षक प्रदर्शित:

महत्वपूर्ण बिंदु

• title एट्रिब्यूट पूर्ण रूप/विवरण प्रदान करता है (होवर पर टूलटिप के रूप में दिखता है)।
• स्क्रीन रीडर title पढ़ सकते हैं (एक्सेसिबिलिटी)।
• पहली घटना पर <abbr> उपयोग करें; बाद की घटनाओं के लिए वैकल्पिक।
• CSS से स्टाइल: abbr { text-decoration: underline dotted; cursor: help; }