HTML href विशेषता का उपयोग कैसे करें

The href विशेषता

href विशेषता HTML में सबसे महत्वपूर्ण विशेषताओं में से एक है।

href निम्न के लिए URL निर्दिष्ट करने के लिए उपयोग किया जाता है:

• हाइपरलिंक्स (जिन्हें केवल "लिंक" भी कहा जाता है)।
• या स्टाइल और स्क्रिप्ट जैसे बाहरी संसाधनों को आयात करने के लिए।

href . के लिए सबसे आम उपयोग मामला एंकर तत्व पर आंतरिक या बाहरी लिंक (यूआरएल) जोड़ना है <a> :

<a href="link-path">Click</a>

href के साथ आंतरिक लिंक

चलिए एक लिंक बनाते हैं जो उपयोगकर्ता को उस पर क्लिक करने पर सामने वाले पृष्ठ पर ले जाता है।

हम इसे होम. कहेंगे

सबसे पहले, हम एंकर तत्व को परिभाषित करते हैं:

<a>Home</a>

अब <a> . बनाने के लिए एक हाइपरलिंक में तत्व, हम href . जोड़ते हैं विशेषता:

<a href>Home</a>

और इसे "/" . का मान निर्दिष्ट करें :

<a href="/">Home</a>

यह ब्राउज़र में कैसे प्रस्तुत होता है:

होम

अच्छे उपाय के लिए, एंकर तत्व उदाहरण को अलग करते हैं:

• <a> ओपनिंग एंकर टैग है
• </a> क्लोजिंग एंकर टैग है
• Home सामग्री है (ब्राउज़र में दिखाई देने वाला एकमात्र भाग)
• href एक विशेषता है नाम
• = एक असाइनमेंट ऑपरेटर है
• "/" एक विशेषता है मान

इस वेबसाइट पर, यह सटीक एंकर तत्व हैडर के ऊपरी बाएं कोने में टेकस्टैकर लोगो को लपेट रहा है (यदि आप उस पर क्लिक करते हैं, तो आपको पहले पृष्ठ पर ले जाया जाता है)।

आप अक्सर वेबसाइटों के नेविगेशन बार <nav>...</nav> . के अंदर इस्तेमाल किया गया यह सटीक कोड उदाहरण देखेंगे ।

मान लें कि आपकी वेबसाइट में कुल 3 पृष्ठ हैं, उदा. होम, परिचय, संपर्क, और आप आंतरिक बनाना चाहते हैं उनके लिए लिंक।

सबसे पहले, प्रत्येक पृष्ठ के HTML दस्तावेज़ का नाम इस प्रकार होना चाहिए:

• होम index.html होना चाहिए
• के बारे में about.html होना चाहिए
• संपर्क होना चाहिए contact.html

और फिर आप प्रत्येक दस्तावेज़ के लिए सापेक्ष पृष्ठ मार्ग (URL) को इस प्रकार परिभाषित करते हैं:

<a href="/">Home</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>

अब आप प्रत्येक एंकर तत्व को <nav> . के अंदर लपेट सकते हैं तत्व:

<nav>
  <a href="/">Home</a>
  <a href="/about">About</a>
  <a href="/contact">Contact</a>
</nav>

अब आपके पास एक नेविगेशन घटक है जिसे आप शीर्ष लेख, पाद लेख, . में डाल सकते हैं या साइडबार आपकी वेबसाइट पर।

href के साथ बाहरी लिंक

यदि आप अपनी वेबसाइट के अलावा किसी अन्य वेबसाइट से लिंक करना चाहते हैं, तो आप बाहरी . का उपयोग करते हैं लिंक प्रारूप, जहां आप एक पूर्ण पथ निर्दिष्ट करते हैं:

<a href="https://www.youtube.com">Link to YouTube.com</a>

मैं इस अवसर का उपयोग अपने स्वयं के YouTube चैनल से लिंक करने के लिए करूंगा:

मेरे YouTube चैनल (TechStacker) से लिंक करें।