Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में लिंक के गंतव्य पेज का URL कैसे निर्दिष्ट करें?


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 पसंद करें ताकि साइट पोर्टेबल रहे
  • टूटे लिंक्स की नियमित जांच करें
  1. HTML में रिलेटिव URL से पेज लिंक कैसे करें? HTML में रिलेटिव URL से पेज लिंक कैसे करें?

    रिलेटिव URL अपनी ही वेबसाइट के पेजों को लिंक करने के लिए रिलेटिव URL उपयोग करें, जैसे /contact, /about_team। <a> टैग के href एट्रिब्यूट में पथ दें। <a> टैग के मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1href - URL निर्दिष्ट करता है 2rel - वर्तमान और लिंक्ड डॉक्यूमेंट का संबंध (no

  1. HTML में एब्सोल्यूट URL से पेज लिंक कैसे करें? HTML में एब्सोल्यूट URL से पेज लिंक कैसे करें?

    एब्सोल्यूट URL बाहरी वेबसाइट लिंक करने के लिए पूरा URL (एब्सोल्यूट URL) उपयोग करें, जैसे https://www.qries.com/questions.php। <a> टैग के मुख्य एट्रिब्यूट्स: क्र.सं.एट्रिब्यूट और विवरण 1href - पूर्ण URL निर्दिष्ट करता है 2rel - लिंक संबंध (nofollow, external, author, bookmark) 3target - लिं

  1. HTML <link> href एट्रिब्यूट HTML <link> href एट्रिब्यूट

    <link> एलिमेंट का href एट्रिब्यूट <link> एलिमेंट का href एट्रिब्यूट बाहरी संसाधन (external resource) का URL निर्दिष्ट करता है। आमतौर पर इसका उपयोग CSS स्टाइलशीट, फेविकॉन, प्रीलोड, आदि लिंक करने के लिए किया जाता है। वाक्यविन्यास (Syntax) <link href=url> ऊपर, url लिंक किए गए दस्ताव