HTML <a> टैग

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

<a> एलिमेंट HTML में एक पेज को दूसरे से हाइपरलिंक (hyperlink) के साथ जोड़ने के लिए उपयोग किया जाता है। अनदेखा लिंक नीला होता है, देखा गया लिंक बैंगनी, जबकि सक्रिय लिंक लाल होता है। ये सभी लिंक वेब ब्राउज़र पर ऐसे ही दिखाई देते हैं और अंडरलाइन होते हैं। आप बाहरी वेब पेज या स्थानीय पेज से लिंक कर सकते हैं।

एट्रिब्यूट्स

एट्रिब्यूट	मान	विवरण
charset (अप्रचलित)	character_encoding	लिंक किए गए दस्तावेज़ की वर्ण एन्कोडिंग परिभाषित करता है।
coords (अप्रचलित)	आकार के अनुसार निर्देशांक	इमेज मैप के लिए आकार एट्रिब्यूट के लिए उपयुक्त निर्देशांक निर्दिष्ट करता है।
download	filename	उपयोगकर्ता द्वारा हाइपरलिंक पर क्लिक करने पर लक्ष्य डाउनलोड होता है।
href	URL	पेज का URL या एंकर नाम निर्दिष्ट करता है जिससे लिंक जाता है।
hreflang	language_code	गंतव्य URL का भाषा कोड।
media	media_query	निर्दिष्ट करता है कि लिंक किया गया दस्तावेज़ किस मीडिया के लिए अनुकूलित है।
name (अप्रचलित)	section_name	पेज के उस क्षेत्र को चिह्नित करता है जिस पर लिंक जाता है।
rel	alternate, stylesheet, nofollow, noopener, bookmark, आदि	वर्तमान दस्तावेज़ और गंतव्य URI के बीच संबंध वर्णित करता है।
rev (अप्रचलित)	rel के समान मान	लक्ष्य URL और वर्तमान दस्तावेज़ के बीच संबंध निर्दिष्ट करता है।
shape (अप्रचलित)	rect, circle, poly	इमेज मैप का आकार निर्दिष्ट करता है।
target	_blank, _self, _parent, _top, framename	लक्ष्य URL कहां खोलना है। _blank=नई विंडो, _self=समान फ्रेम, _parent=पैरेंट फ्रेमसेट, _top=पूरी विंडो बॉडी।
type	mime_type	लक्ष्य URL का MIME टाइप निर्दिष्ट करता है।

उदाहरण

<!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>
</body>
</html>

आउटपुट

नेविगेशन लिंक प्रदर्शित होंगे:

HTML <a> टैग

सर्वोत्तम अभ्यास

हमेशा सार्थक href प्रदान करें (javascript:void(0) से बचें)।
target="_blank" के साथ rel="noopener noreferrer" उपयोग करें।
एंकर टेक्स्ट वर्णनात्मक होना चाहिए ("यहां क्लिक करें" नहीं)।
आंतरिक लिंक के लिए सापेक्ष URL, बाहरी के लिए पूर्ण URL उपयोग करें।