href एट्रिब्यूट
href (हाइपरटेक्स्ट रेफरेंस) एट्रिब्यूट HTML में लिंक के गंतव्य पेज का URL निर्दिष्ट करने के लिए उपयोग किया जाता है। यह <a> (एंकर), <link>, <area>, और <base> तत्वों के साथ काम करता है।
उदाहरण
निम्नलिखित कोड href एट्रिब्यूट का बुनियादी उपयोग दिखाता है:
<!DOCTYPE html>
<html>
<head>
<title>HTML href एट्रिब्यूट उदाहरण</title>
</head>
<body>
<h2>नेविगेशन लिंक्स</h2>
<nav>
<ul>
<li><a href="https://www.example.com">होम</a></li>
<li><a href="/about.html">हमारे बारे में</a></li>
<li><a href="/contact.html">संपर्क</a></li>
</ul>
</nav>
<h2>अन्य href उपयोग</h2>
<p><a href="mailto:info@example.com">ईमेल भेजें</a></p>
<p><a href="tel:+911234567890">कॉल करें</a></p>
<p><a href="#section1">पेज के भीतर अनुभाग पर जाएं</a></p>
<p><a href="document.pdf" download>PDF डाउनलोड करें</a></p>
</body>
</html>
href मानों के प्रकार
| प्रकार | उदाहरण | विवरण |
|---|---|---|
| पूर्ण URL | https://example.com/page.html |
पूर्ण वेब पता |
| सापेक्ष URL | /page.html या ../page.html |
वर्तमान डोमेन/निर्देशिका के सापेक्ष |
| एंकर लिंक | #section-id |
उसी पेज पर विशिष्ट ID वाले तत्व पर जाएं |
| ईमेल | mailto:email@example.com |
डिफ़ॉल्ट ईमेल क्लाइंट खोलता है |
| फोन | tel:+1234567890 |
मोबाइल पर डायलर खोलता है |
| डाउनलोड | file.pdf (with download एट्रिब्यूट) |
नेविगेट करने के बजाय फ़ाइल डाउनलोड करता है |
सर्वोत्तम प्रथाएँ
- हमेशा सार्थक लिंक टेक्स्ट उपयोग करें (नहीं "यहाँ क्लिक करें")
- बाहरी लिंक्स के लिए
target="_blank" rel="noopener noreferrer"जोड़ें - सापेक्ष URL पसंद करें ताकि साइट पोर्टेबल रहे
- टूटे लिंक्स की नियमित जांच करें