Hyperlink kya hai, हाइपरलिंक कैसे काम करता है?

Hyperlink kya hai – हाइपरलिंक किसी भी वेबसाइट के लिए सबसे महत्वपूर्ण चीजों में से एक है क्योंकि जब भी आप कोई इंटरनेट पर वेबसाइट का एक पेज देखते हैं तो उस वेबसाइट के दूसरे पेजों पर जाने के लिए हाइपरलिंक की ज़रूरत होती है.

आसान भाषा में बात करें तो हाइपरलिंक एक वेबसाइट के पेजों को एक दूसरे से जोड़ने का काम करता है.

आज के आर्टिकल में आप पढ़ने वाले हैं हाइपरलिंक के बारे में और इसके अलावा bonus में आप पढ़ने वाले हैं की सिंगल पेज एप्लीकेशन में एक पेज से दूसरे पेज में जाने के लिए हाइपरलिंक का उपयोग किया जाता है या नहीं, इसलिए आज के आर्टिकल में आप अंत तक बने रहें.

Hyperlink kya hai?

दोस्तों हाइपरलिंक एक HTML का एलिमेंट है जिसे हम लिंक भी कहते हैं यह एक वेबपेज या फिर एक इलेक्ट्रॉनिक डॉक्यूमेंट में क्लिक करने योग्य एक एलिमेंट होता है जो की यूजर को या तो किसी लोकेशन पर ले जाता है या फिर किसी दूसरे वेबपेज पर ले जाने का काम करता है.

हाइपरलिंक वर्ल्ड वाइड वेब में एक बेसिक एलिमेंट है लेकिन सबसे ज़रूरी एलिमेंट है जो की उपयोगकर्ताओं को अलग-अलग वेब पेजों और लोकेशनों के बीच निर्बाध रूप से नेविगेट करने में सक्षम बनाते हैं.

हाइपरलिंक काम कैसे करता है?

दोस्तों Web-Design में या web development में हाइपरलिंक को HTML की सहायता से बनाया जाता है क्योंकि हाइपरलिंक एक HTML का टैग है जिसकी सहायता से किसी वेबपेज में हाइपरलिंक को बनाया जा सकता है.

इसको <a></a> एलिमेंट का इस्तेमाल करके बनाया जाता है जिसमें आम तौर पर href (हाइपरटेक्स्ट संदर्भ) नाम से एक एट्रिब्यूट जोड़ा जाता है जिसमें यूजर को भेजने के लिए लिंक जोड़ा जाता है.

<a href="https://www.webtutorialhindi.com">Click here to visit webtutorialhindi.com</a>

दोस्तों जब कोई यूजर हाइपरलिंक पर क्लिक करता है, तो उनका वेब ब्राउज़र लिंक के destination (href के ज़रिए) की व्याख्या करता है और उस वेबपेज को होस्ट करने वाले सर्वर को एक request भेजता है. इसके बाद सर्वर उस वेबपेज या फ़ाइल को यूजर के ब्राउज़र पर वापस भेजकर प्रतिक्रिया देता है, जो इसे उपयोगकर्ता के देखने के लिए display करवाता है.

हाइपरलिंक के प्रकार

हाइपरलिंक को मेजर रूप से 5 प्रकार में बाँटा गया है जिनके बारे में आप नीचे पढ़ सकते हैं.

Types of Hyperlinks:

  1. Absolute Links
  2. Relative Links
  3. Anchor Links(Internal Links)
  4. Mailto Links
  5. Tel Links

Absolute Links

Absolute Links की श्रेणी में वह लिंक आते हैं जो की बाहरी links होते हैं जिसमें complete URL होते हैं protocol और डोमेन के साथ.

अगर आसान भाषा में बात करें तो मान लो कि आपके पास एक web page है और उसमें आप कोई बाहरी लिंक जोड़ना चाहते हैं जो की आपकी वेबसाइट का नहीं है तो उस जगह आपको बाहरी लिंक का उपयोग करना होता है नीचे आप इसका example देख सकते हैं.

<a href="https://www.example.com/page">Absolute Link</a>

Relative Links

Relative Links की श्रेणी में वह लिंक आते हैं जो की ख़ुद की वेबसाइट के होते हैं जिसमें complete URL और protocol की ज़रूरत नहीं होती है.

आसान भाषा में एक वेबसाइट में उसी वेबसाइट के दूसरे पेज को लिंक किया जाना Relative Links की श्रेणी में आता है.

hyperlink-kya-hai

example के लिए अगर आप web tutorial hindi के इस आर्टिकल से web tutorial hindi के किसी दूसरे आर्टिकल पर जाते हैं तो वह relative link होता है यानी की एक वेबसाइट से ही संबंधित दूसरे पेज.

<a href="page.html">Relative Link</a>

Anchor Links(Internal Links)

Anchor Links की श्रेणी में वह लिंक आते हैं जो की किसी specific पेज पर किसी specific section पर भेजता है. इसे internal links भी कहा जाता है.

Anchor Links को बनाने के लिए anchor tag का इस्तेमाल किया जाता है और href में ID का नाम डाला जाता है तो जैसे ही यूजर क्लिक करता है तो वह उस सेक्शन पर redirect हो जाता है.

<h2 id="section2">Section 2</h2>

Mailto Links

Mailto लिंक का उपयोग हाइपरलिंक बनाने के लिए किया जाता है, जिस पर क्लिक करने पर, यूजर के ब्राउज़र में अपने आप एक मेल बॉक्स ओपन हो जाता है जिससे यूजर डायरेक्ट ही href में दिये हुए email पर अपनी email से mail भेज सकता है.

Mailto Links से यूजर कई स्टेप से बचता है जिससे यूजर का टाइम सेव होता है और डायरेक्ट ही मेल सेंड कर सकता है.

<a href="mailto:example@example.com">Send Email</a>

Tel Links

इसमें यूजर को क्लिक करते ही फ़ोन में डायल कॉल का ऑप्शन दिखाया जाता है जैसे की आप कई websites पर CTA यानी Call To Action का option देखते हैं जहाँ पर क्लिक करते ही यूजर के डायल पैड में स्पेसिफिक नंबर दिखाई देते हैं जिससे यूजर डायरेक्ट ही कॉल कर सकता है.

<a href="tel:+1234567890">Call Us</a>

ऊपर बताये गये सभी प्रकार के हाइपरलिंक अलग-अलग जगह विशेष रूप में काम में आते हैं इनसे web में यूजर के अनुभव को बेहतर बनाया जाता है.

Conclusion

दोस्तों आज के आर्टिकल Hyperlink kya hai में आपने सीखा की हाइपरलिंक क्या होता है और कैसे काम करता है इसके प्रकार के बारे में भी आपने पढ़ा.

इसके अलावा आपने यह भी पढ़ा की कौनसी जगह किस प्रकार का हाइपरलिंक इस्तेमाल किया जाना चाहिए, उम्मीद है दोस्तों आज के आर्टिकल में आपने कुछ नया पढ़ा और कुछ नया सीखने को मिला.

Leave a Comment