HTML लिंक्स

परिचय

HTML लिंक्स हाइपरलिंक्स होते हैं - जब आप किसी लिंक पर क्लिक करते हैं, तो यह दूसरे दस्तावेज़ पर चला जाता है। <a> (एंकर) टैग का उपयोग लिंक बनाने के लिए किया जाता है।

सिंटैक्स

<a href="URL" target="value">लिंक सामग्री</a>

यहाँ URL गंतव्य पता निर्दिष्ट करता है और यह स्थानीय (सापेक्ष पथ) या बाहरी (पूर्ण URL) पता हो सकता है। target एट्रिब्यूट परिभाषित करता है कि लिंक्ड दस्तावेज़ कहां खोलना है।

target एट्रिब्यूट मान

उदाहरण

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
    font-family: Arial, sans-serif;
    padding: 20px;
  }
  a {
    display: inline-block;
    margin: 1rem;
    padding: 12px 24px;
    background: #db133a;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    font-weight: bold;
  }
  a:hover { background: #b0102e; }
</style>
<body>
<h1>HTML लिंक्स डेमो</h1>
<a href="https://google.com" target="_blank">गूगल पर जाएं (नया टैब)</a>
<a href="/about" target="_self">अबाउट पेज (इसी विंडो)</a>
<a href="mailto:example@email.com">ईमेल भेजें</a>
<a href="tel:+911234567890">कॉल करें</a>
</body>
</html>

आउटपुट

चार लिंक्स दिखाई देंगे: गूगल (नए टैब में), अबाउट पेज (इसी विंडो), ईमेल लिंक (मेल क्लाइंट खोलता है), फोन लिंक (डायलर खोलता है)।

लिंक प्रकार

महत्वपूर्ण एट्रिब्यूट्स

• href - गंतव्य URL (आवश्यक)
• target - कहां खोलना है (_blank, _self, _parent, _top, framename)
• rel - संबंध (noopener, noreferrer, nofollow, external)
• download - फाइल डाउनलोड करने के लिए बाध्य करता है
• hreflang - लिंक्ड दस्तावेज़ की भाषा
• type - लिंक्ड दस्तावेज़ का MIME प्रकार

सुरक्षा नोट

target="_blank" उपयोग करते समय, हमेशा rel="noopener noreferrer" जोड़ें ताकि नया पेज window.opener एक्सेस न कर सके:

<a href="https://example.com" target="_blank" rel="noopener noreferrer">सुरक्षित लिंक</a>

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।