हाइपरलिंक क्या है?

हाइपरलिंक्स एम्बेडेड संदर्भ हैं जो दस्तावेजों के बीच निर्बाध नेविगेशन को सक्षम करते हैं, वेबसाइटों, और एक पृष्ठ के भीतर विभिन्न अनुभाग।

हाइपरलिंक क्या है?

हाइपरलिंक, जिसे अक्सर लिंक के रूप में संदर्भित किया जाता है, एक डिजिटल दस्तावेज़ में एक संदर्भ है जो उपयोगकर्ताओं को एक ही दस्तावेज़ के भीतर एक स्थान से दूसरे स्थान पर, विभिन्न दस्तावेज़ों में या पूरी तरह से अलग वेबसाइटों पर नेविगेट करने की अनुमति देता है। यह संदर्भ आम तौर पर पाठ या छवि के भीतर एम्बेडेड होता है और जब क्लिक किया जाता है, तो निर्देश देता है ब्राउज़र or आवेदन निर्दिष्ट गंतव्य को लोड करने के लिए। हाइपरलिंक हाइपरटेक्स्ट का एक आवश्यक घटक है, वह प्रणाली जो इंटरनेट पर सूचना के गैर-रेखीय नेविगेशन को सक्षम बनाती है।

लिंक बनाम हाइपरलिंक

"लिंक" और "हाइपरलिंक" शब्दों का प्रयोग प्रायः एक दूसरे के स्थान पर किया जाता है, लेकिन दोनों के बीच एक सूक्ष्म अंतर है।

"लिंक" एक व्यापक शब्द है जो आम तौर पर किसी दस्तावेज़ या वेबपेज में किसी भी तत्व को संदर्भित करता है जो किसी अन्य स्थान से जुड़ता है, जिसमें टेक्स्ट और चित्र दोनों शामिल हो सकते हैं। दूसरी ओर, "हाइपरलिंक" विशेष रूप से हाइपरटेक्स्ट के भीतर एम्बेडेड लिंक को संदर्भित करता है, जो कंप्यूटर या डिजिटल डिवाइस पर हाइपरलिंक के साथ प्रदर्शित टेक्स्ट होता है जो अन्य टेक्स्ट या जानकारी तक पहुंच प्रदान करता है।

जबकि सभी हाइपरलिंक लिंक होते हैं, सभी लिंक हाइपरलिंक नहीं माने जाते। उदाहरण के लिए, यूआरएल सादे दस्तावेज़ में टाइप किया गया टेक्स्ट लिंक होता है, लेकिन हाइपरलिंक तब तक हाइपरलिंक नहीं होता जब तक कि वह हाइपरटेक्स्ट सिस्टम में क्लिक करने योग्य न हो जाए। संक्षेप में, हाइपरलिंक लिंक का एक अधिक विशिष्ट रूप है, जिसे डिजिटल दस्तावेज़ों के भीतर और उनके बीच आसान और इंटरैक्टिव नेविगेशन की सुविधा के लिए डिज़ाइन किया गया है।

हाइपरलिंक का उद्देश्य क्या है?

हाइपरलिंक का प्राथमिक उद्देश्य डिजिटल सामग्री के विभिन्न टुकड़ों के बीच आसान और सहज नेविगेशन की सुविधा प्रदान करना है, चाहे वह एक ही दस्तावेज़ के भीतर हो या कई दस्तावेज़ों और वेबसाइटों में। हाइपरलिंक उपयोगकर्ताओं को संबंधित जानकारी तक जल्दी से पहुँचने में सक्षम बनाते हैं, जो परस्पर जुड़े संसाधनों का पता लगाने का एक सहज तरीका प्रदान करके समग्र उपयोगकर्ता अनुभव को बढ़ाते हैं। वे वेब की संरचना की नींव के रूप में काम करते हैं, जिससे सामग्री की गैर-रेखीय खोज की अनुमति मिलती है, जो इंटरनेट के काम करने के तरीके के लिए केंद्रीय है।

नेविगेशन में सहायता करने के अलावा, हाइपरलिंक जानकारी को इस तरह से व्यवस्थित और संरचित करने के लिए महत्वपूर्ण हैं जिससे यह अधिक सुलभ और समझने योग्य हो। वे प्रासंगिक विषयों को जोड़ते हैं, अतिरिक्त संदर्भ प्रदान करते हैं, और प्राथमिक सामग्री को अव्यवस्थित किए बिना उपयोगकर्ताओं को रुचि के विशिष्ट क्षेत्रों में गहराई से जाने में मदद करते हैं।

हाइपरलिंक्स, खोज इंजन को लिंक किए गए पृष्ठों के बीच संबंधों के आधार पर सामग्री को अनुक्रमित करने और रैंक करने में सहायता करके SEO (खोज इंजन अनुकूलन) में भी महत्वपूर्ण भूमिका निभाते हैं, जिससे यह प्रभावित होता है कि खोज परिणामों में जानकारी कैसे खोजी जाती है और उसे कैसे प्राथमिकता दी जाती है।

हाइपरलिंक्स का संक्षिप्त इतिहास

हाइपरलिंक की अवधारणा हाइपरटेक्स्ट की प्रारंभिक दृष्टि में निहित है, एक ऐसी प्रणाली जो पाठ को गैर-रेखीय तरीके से आपस में जोड़ने की अनुमति देती है। इस विचार को सबसे पहले वन्नेवर बुश ने अपने 1945 के निबंध "एज़ वी मे थिंक" में व्यक्त किया था, जहाँ उन्होंने "मेमेक्स" नामक एक मशीन की कल्पना की थी जो उपयोगकर्ताओं को लिंक किए गए संघों का उपयोग करके दस्तावेज़ों के बीच नेविगेट करने की अनुमति देगी।

आधुनिक हाइपरलिंक का विकास 1960 के दशक में हाइपरटेक्स्ट एडिटिंग सिस्टम (HES) के विकास के साथ हुआ, तथा बाद में टेड नेल्सन के प्रोजेक्ट ज़ानाडू जैसी अधिक उन्नत प्रणालियों का विकास हुआ, जिसका उद्देश्य जुड़ी हुई सूचनाओं का एक वैश्विक नेटवर्क बनाना था।

असली सफलता 1980 के दशक के अंत और 1990 के दशक के आरम्भ में आई जब विश्वव्यापी वेब सर टिम बर्नर्स-ली द्वारा। उन्होंने वेब की वास्तुकला के एक बुनियादी हिस्से के रूप में हाइपरलिंक के उपयोग का प्रस्ताव दिया, जिससे उपयोगकर्ता संबंधित वेब पेजों के बीच जाने के लिए हाइलाइट किए गए टेक्स्ट या छवियों पर क्लिक कर सकते हैं। हाइपरलिंक का पहला सफल कार्यान्वयन 1991 में बर्नर्स-ली के वेब ब्राउज़र, वर्ल्डवाइडवेब के रिलीज़ के साथ हुआ, जिसने उपयोगकर्ताओं को क्लिक करने योग्य लिंक के माध्यम से बढ़ते वेब का पता लगाने की अनुमति दी।

तब से, हाइपरलिंक इंटरनेट का एक सर्वव्यापी तत्व बन गए हैं, जो वैश्विक स्तर पर जानकारी को जोड़ने, एक्सेस करने और साझा करने के तरीके को आकार देते हैं। वे सरल टेक्स्ट-आधारित लिंक से विकसित होकर अधिक परिष्कृत रूपों में बदल गए हैं, जिसमें एम्बेडेड मल्टीमीडिया और गतिशील सामग्री शामिल है, लेकिन जानकारी को जोड़ने का उनका मुख्य उद्देश्य वही रहता है।

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

हाइपरलिंक विभिन्न रूपों में आते हैं, जिनमें से प्रत्येक को डिजिटल सामग्री के भीतर विशिष्ट कार्यों को पूरा करने के लिए डिज़ाइन किया गया है। प्रभावी वेब डिज़ाइन और उपयोगकर्ता नेविगेशन के लिए हाइपरलिंक के विभिन्न प्रकारों को समझना आवश्यक है। नीचे आमतौर पर उपयोग किए जाने वाले प्राथमिक प्रकार के हाइपरलिंक की व्याख्या दी गई है।

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

टेक्स्ट हाइपरलिंक सबसे आम प्रकार हैं, जहाँ क्लिक करने योग्य टेक्स्ट (अक्सर रेखांकित और एक अलग रंग में) उपयोगकर्ताओं को दूसरे स्थान पर निर्देशित करता है। ये लिंक आम तौर पर किसी दस्तावेज़ या वेबपेज के मुख्य भाग में एम्बेडेड होते हैं और द्वारा परिभाषित किए जाते हैं एचटीएमएल टैग, जिसमें गंतव्य URL शामिल है। क्लिक किए जाने पर, टेक्स्ट हाइपरलिंक उपयोगकर्ताओं को एक नए पृष्ठ, उसी पृष्ठ के किसी भिन्न अनुभाग या किसी बाहरी वेबसाइट पर नेविगेट करने की अनुमति देता है।

छवि हाइपरलिंक

इमेज हाइपरलिंक क्लिक करने योग्य इमेज हैं जो टेक्स्ट हाइपरलिंक की तरह ही काम करते हैं। टेक्स्ट के बजाय, क्लिक करने योग्य तत्व के रूप में एक इमेज का उपयोग किया जाता है। ये हाइपरलिंक दृश्य रूप से आकर्षक नेविगेशन तत्व बनाने के लिए उपयोगी होते हैं, जैसे कि बटन, बैनर या आइकन जो क्लिक करने पर अन्य पेज या संसाधनों पर ले जाते हैं।

इनलाइन हाइपरलिंक

इनलाइन हाइपरलिंक्स को टेक्स्ट के एक ब्लॉक के भीतर एम्बेड किया जाता है और इनका उपयोग संबंधित सामग्री को संदर्भित करने या पढ़ने के प्रवाह को बाधित किए बिना अतिरिक्त जानकारी प्रदान करने के लिए किया जाता है। इन लिंक्स का उपयोग अक्सर लेखों या दस्तावेज़ों में पाठकों को मुख्य सामग्री से संबंधित स्रोतों, परिभाषाओं या विस्तारित स्पष्टीकरणों तक निर्देशित करने के लिए किया जाता है।

एंकर लिंक (जंप लिंक)

एंकर लिंक, जिन्हें जंप लिंक के रूप में भी जाना जाता है, उपयोगकर्ताओं को उसी वेबपेज के किसी विशिष्ट भाग पर नेविगेट करने की अनुमति देते हैं। ये हाइपरलिंक विशेष रूप से लंबे वेबपेजों के लिए उपयोगी होते हैं, जैसे कि लेख, FAQ या एक-पृष्ठ वाली वेबसाइटें, जहाँ वे वांछित सामग्री पर सीधे कूदकर विभिन्न अनुभागों तक त्वरित पहुँच सक्षम करते हैं।

ईमेल हाइपरलिंक

ईमेल हाइपरलिंक उपयोगकर्ता के डिफ़ॉल्ट ईमेल क्लाइंट को खोलते हैं और क्लिक करने पर एक नया ईमेल संदेश बनाते हैं। इन लिंक को mailto: URL स्कीम का उपयोग करके फ़ॉर्मेट किया जाता है और आमतौर पर वेबसाइटों पर उपयोगकर्ताओं को ईमेल के माध्यम से किसी से आसानी से संपर्क करने की अनुमति देने के लिए उपयोग किया जाता है। लिंक में एक पूर्व-निर्धारित विषय पंक्ति या संदेश निकाय भी शामिल हो सकता है।

फ़ाइल हाइपरलिंक

फ़ाइल हाइपरलिंक उपयोगकर्ताओं को किसी विशिष्ट फ़ाइल, जैसे कि PDF, छवि या दस्तावेज़ को डाउनलोड करने के लिए निर्देशित करते हैं। इन लिंक का उपयोग अक्सर शैक्षणिक या व्यावसायिक सेटिंग में किया जाता है जहाँ उपयोगकर्ताओं को किसी वेबपेज से सीधे डाउनलोड करने योग्य संसाधनों तक पहुँचने की आवश्यकता होती है। क्लिक करने पर, फ़ाइल आमतौर पर उपयोगकर्ता के डिवाइस पर डाउनलोड हो जाती है।

बाहरी हाइपरलिंक

बाहरी हाइपरलिंक उपयोगकर्ताओं को उस वेबसाइट या डोमेन पर ले जाते हैं जिस पर वे वर्तमान में जा रहे हैं। ये लिंक स्रोतों को संदर्भित करने, उपयोगकर्ताओं को अतिरिक्त संसाधनों तक मार्गदर्शन करने या भागीदार साइटों पर ट्रैफ़िक को निर्देशित करने के लिए आवश्यक हैं। वे आमतौर पर उपयोगकर्ता के वर्तमान ब्राउज़िंग सत्र को बनाए रखने के लिए एक नए ब्राउज़र टैब या विंडो में खुलते हैं।

आंतरिक हाइपरलिंक

आंतरिक हाइपरलिंक एक ही वेबसाइट के विभिन्न पृष्ठों को जोड़ते हैं या डोमेनवे वेबसाइट नेविगेशन के लिए महत्वपूर्ण हैं, जो उपयोगकर्ताओं को साइट के विभिन्न अनुभागों या पृष्ठों के बीच जाने में मदद करते हैं। आंतरिक लिंक साइट की संरचना में सुधार करके और खोज इंजनों को विभिन्न पृष्ठों के बीच संबंध समझने में मदद करके SEO में भी महत्वपूर्ण भूमिका निभाते हैं।

हाइपरलिंक कैसे बनाएं?

हाइपरलिंक बनाना एक सीधी प्रक्रिया है जिसमें आपके टेक्स्ट या इमेज में विशिष्ट HTML कोड जोड़ना शामिल है ताकि इसे क्लिक करने योग्य बनाया जा सके, जिससे उपयोगकर्ता किसी अन्य स्थान पर जा सकें। नीचे एक बुनियादी हाइपरलिंक बनाने के बारे में चरण-दर-चरण मार्गदर्शिका दी गई है:

1. पाठ या छवि चुनें. सबसे पहले, तय करें कि आप किस टेक्स्ट या छवि को हाइपरलिंक में बदलना चाहते हैं। यह कोई शब्द, वाक्यांश, बटन या छवि हो सकती है जिस पर क्लिक करके उपयोगकर्ता किसी दूसरे पेज या संसाधन पर जाएँगे।

2. HTML कोड लिखें. हाइपरलिंक बनाने के लिए, आप HTML टैग (जिसे एंकर टैग भी कहते हैं) का इस्तेमाल करेंगे। मूल सिंटैक्स इस तरह दिखता है:

<a href="URL">Link Text or Image</a>

• . यह टैग हाइपरलिंक की शुरुआत को परिभाषित करता है।
• href="यूआरएल". href विशेषता गंतव्य URL निर्दिष्ट करती है, जो एक वेबपेज, फ़ाइल या उसी पृष्ठ का कोई अन्य अनुभाग हो सकता है। "URL" को वास्तविक वेब पते या फ़ाइल पथ से बदलें।
• पाठ या छवि लिंक करें. यह वह टेक्स्ट या छवि है जिस पर क्लिक किया जा सकेगा। टेक्स्ट हाइपरलिंक के लिए, बस यहाँ वांछित टेक्स्ट रखें। इमेज हाइपरलिंक के लिए, HTML इमेज टैग ( ) को एंकर टैग के अंदर रखें।

3. पाठ हाइपरलिंक का उदाहरण. एक टेक्स्ट हाइपरलिंक बनाने के लिए जो उपयोगकर्ताओं को "उदाहरण" शब्द पर क्लिक करने पर "http://example.com" पर ले जाए:

<a href="http://example.com">Example</a>

4. छवि हाइपरलिंक का उदाहरण. "image.jpg" पर स्थित छवि का उपयोग करके एक छवि हाइपरलिंक बनाने के लिए जो "http://example.com" से लिंक हो:

<a href="http://example.com">

  <img src="image.jpg" alt="Description of Image">

</a>

5. सहेजें और परीक्षण करें. अपना HTML कोड लिखने के बाद, परिवर्तनों को सहेजें और वेब ब्राउज़र में हाइपरलिंक का परीक्षण करें। यह सुनिश्चित करने के लिए लिंक पर क्लिक करें कि यह आपको सही गंतव्य पर ले जाता है।

अतिरिक्त विशेषताएँ (वैकल्पिक)

• लक्ष्य="_रिक्त". यह विशेषता लिंक को एक नए टैब या विंडो में खोलती है।
• title="टूलटिप टेक्स्ट". जब उपयोगकर्ता लिंक पर माउस घुमाते हैं तो लिंक के बारे में अतिरिक्त जानकारी प्रदान करता है।

उदाहरण के लिए, लिंक को नए टैब में खोलने के लिए:

<a href="http://example.com" target="_blank">Example</a>

सापेक्ष URL का उपयोग करके एक ही साइट पर किसी भिन्न पृष्ठ से लिंक कैसे करें

सापेक्ष URL का उपयोग करके एक ही साइट पर किसी दूसरे पेज से लिंक करना, पूर्ण वेब पता निर्दिष्ट किए बिना आंतरिक हाइपरलिंक बनाने का एक कुशल तरीका है। एक सापेक्ष URL एक ही डोमेन के भीतर किसी फ़ाइल या स्थान की ओर इशारा करता है, जिससे आपकी साइट डोमेन नाम बदलने पर भी सही ढंग से काम कर सकती है। ऐसे लिंक बनाने का तरीका इस प्रकार है:

समान निर्देशिका में किसी पृष्ठ से लिंक करना

कल्पना करें कि आपके पास दो HTML फ़ाइलें हैं, index.html और about.html, दोनों ही आपकी साइट की रूट डायरेक्टरी में स्थित हैं। index.html से about.html तक लिंक करने के लिए, आप निम्न का उपयोग करेंगे:

<a href="about.html">About Us</a>

पैरेंट डायरेक्ट्री में किसी पेज से लिंक करना

मान लीजिए कि आपका वर्तमान पृष्ठ नामक उपनिर्देशिका में स्थित है blog, और आप रूट निर्देशिका में स्थित index.html से लिंक करना चाहते हैं। आप इसका उपयोग करेंगे:

<a href="../index.html">Home</a>

उपनिर्देशिका में किसी पृष्ठ से लिंक करना

यदि आप रूट निर्देशिका में index.html से post.html में लिंक कर रहे हैं blog उपनिर्देशिका में, आपका लिंक इस तरह दिखेगा:

<a href="blog/post.html">Read Blog Post</a>

किसी पेज के किसी विशिष्ट अनुभाग से लिंक कैसे करें

किसी पेज के किसी खास सेक्शन से लिंक करना, जिसे "एंकर लिंक" या "जंप लिंक" बनाना भी कहते हैं, उपयोगकर्ताओं को वेबपेज के किसी खास हिस्से पर ले जाने का एक उपयोगी तरीका है। यह खास तौर पर लंबे पेजों पर मददगार होता है, जहां आप खास सेक्शन तक तुरंत पहुंच प्रदान करना चाहते हैं। यहां बताया गया है कि आप ऐसे लिंक कैसे बना सकते हैं:

चरण 1: लक्ष्य अनुभाग की पहचान करें या बनाएं

सबसे पहले, आपको उस पेज के सेक्शन में एक "एंकर" की पहचान करनी होगी या बनाना होगा जिसे आप लिंक करना चाहते हैं। यह HTML एलिमेंट में एक id विशेषता जोड़कर किया जाता है, जैसे कि हेडिंग या पैराग्राफ, जहाँ आप लिंक को जम्प करना चाहते हैं।

उदाहरण के लिए, यदि आपके पास "हमसे संपर्क करें" शीर्षक वाला कोई अनुभाग है, तो आप शीर्षक में इस प्रकार एक आईडी जोड़ सकते हैं:

<h2 id="contact">Contact Us</h2>

चरण 2: अनुभाग के लिए लिंक बनाएं

इसके बाद, आप एक लिंक बनाते हैं जो लक्ष्य अनुभाग की आईडी की ओर इशारा करता है। यह एक सापेक्ष URL का उपयोग करके किया जाता है जिसमें # प्रतीक के बाद आईडी मान शामिल होता है।

उसी पृष्ठ पर कहीं और से "हमसे संपर्क करें" अनुभाग से लिंक करने के लिए, HTML कोड इस प्रकार दिखाई देगा:

<a href="#contact">Go to Contact Us</a>

चरण 3: दूसरे पेज से लिंक करना

यदि आप उसी साइट पर किसी दूसरे पेज से किसी खास सेक्शन को लिंक करना चाहते हैं, तो आपको लिंक में पेज का यूआरएल और आईडी दोनों शामिल करने होंगे। उदाहरण के लिए, यदि "हमसे संपर्क करें" सेक्शन about.html नामक पेज पर है, तो लिंक इस तरह दिखेगा:

<a href="about.html#contact">Go to Contact Us</a>

व्यवहार में उदाहरण

एक परिदृश्य पर विचार करें जहां आपके पास "परिचय," "सेवाएं," और "हमसे संपर्क करें" जैसे विभिन्न अनुभागों वाला एक पृष्ठ है। यहां बताया गया है कि आप इसे कैसे सेट कर सकते हैं:

<h2 id="intro">Introduction</h2>

<p>Welcome to our website...</p>

<h2 id="services">Services</h2>

<p>We offer a variety of services...</p>

<h2 id="contact">Contact Us</h2>

<p>You can reach us at...</p>

नेविगेशन लिंक

<nav>

  <ul>

    <li><a href="#intro">Introduction</a></li>

    <li><a href="#services">Services</a></li>

    <li><a href="#contact">Contact Us</a></li>

  </ul>

</nav>

किसी लिंक को नए टैब में कैसे खोलें

किसी लिंक को नए टैब में खोलने के लिए, आपको HTML टैग में _blank मान के साथ target विशेषता जोड़नी होगी। यह ब्राउज़र को लिंक किए गए दस्तावेज़ को मौजूदा पेज के समान टैब में खोलने के बजाय नए टैब में खोलने के लिए कहता है। आप इसे इस तरह से कर सकते हैं:

<a href="URL" target="_blank">Link Text</a>

• href="यूआरएल". यह विशेषता उस पृष्ठ या संसाधन का URL निर्दिष्ट करती है जिसे आप लिंक करना चाहते हैं.
• लक्ष्य="_रिक्त". यह विशेषता और मान ब्राउज़र को लिंक को नए टैब में खोलने के लिए कहते हैं।