लिंक्स और URLs में क्या अंतर है?

लिंक और URL में क्या अंतर है, और क्या यह मायने रखता है?

लिंक और URL के बीच का अंतर मायने नहीं रखता यदि आप किसी वेब पेज पर कंटेंट के लिए डायरेक्ट पथ प्राप्त करने के बारे में केवल एक आकस्मिक बातचीत कर रहे हैं। जैसे यदि आप अपने किसी दोस्त के साथ एक बेहतरीन लेख साझा कर रहे हैं।

एक उच्च (गैर-तकनीकी) स्तर से, एक लिंक एक क्लिक करने योग्य यूजर इंटरफेस को संदर्भित करता है जो आपको एक विशिष्ट स्थान पर ले जाएगा। स्थान एक URL द्वारा परिभाषित किया जाता है।

दृष्टिगत रूप से, एक लिंक को एक टेक्स्ट एलिमेंट, एक इमेज, एक बटन, या अन्य UI एलिमेंट्स द्वारा दर्शाया जा सकता है — जो सभी HTML कोड द्वारा परिभाषित हैं (उस पर बाद में)।

यदि यह क्लिक करने योग्य है और सतह के पीछे एक URL है, तो यह एक लिंक है।

टेक्नीज़ और नॉन-टेक्नीज़ दोनों लिंक और URL शब्दों का परस्पर उपयोग करते हैं, बहुत कुछ उसी तरह जैसे लोग टाइपफेसेस और फॉन्ट्स को एक ही चीज़ के रूप में संदर्भित करते हैं (भले ही वे तकनीकी रूप से नहीं हैं)। हालांकि जब आप इसे तकनीकी रूप से तोड़ना शुरू करते हैं तो URLs और लिंक्स के बीच एक अंतर होता है।

ठीक है, आइए थोड़ा और तकनीकी बनें।

URL की तकनीकी संरचना

एक URL में आमतौर पर निम्नलिखित तत्व होते हैं, एक प्रोटोकॉल, एक डोमेन नाम, एक टॉप-लेवल डोमेन, और एक स्लग। आइए मेरे टाइपोग्राफी ट्यूटोरियल्स में से एक के URL का उपयोग उदाहरण के रूप में करें:

https://techstacker.com/typography-italic-vs-bold

• https:// प्रोटोकॉल है
• techstacker डोमेन नाम है
• .com टॉप-लेवल डोमेन है
• typography-italic-vs-bold स्लग है

बात दें, URL का अर्थ यूनिवर्सल रिसोर्स लोकेटर है।

सामान्य भाषा में उपरोक्त को आमतौर पर एक लिंक के रूप में संदर्भित किया जाता है। एक गैर-तकनीकी दृष्टिकोण से, यह गलत नहीं है। तकनीकी रूप से, हालांकि, URL केवल एक हिस्सा है जो एक लिंक को बनाता है। URL को ऊपर एक इंटरैक्टिव, क्लिक करने योग्य लिंक बनाने के लिए, हमें इसे एक अन्य एलिमेंट के साथ जोड़ना होगा, और वह HTML के लिए है।

HTML लिंक/URL को कैसे परिभाषित करता है

आमतौर पर, जब आप किसी वेबसाइट पर एक लिंक देखते हैं, तो आप इसे एक वाक्य के हाइलाइट किए गए भाग के रूप में देखते हैं। जैसे यह टेक्स्ट जो TechStacker के फ्रंट पेज की ओर ले जाता है।

• दृष्टिगत रूप से ऊपर हाइलाइट किया गया टेक्स्ट एक क्लिक करने योग्य लिंक के रूप में दिखाई देता है।
• विज़ुअल सतह के नीचे, एक URL है जिसमें एक स्थान है

लिंक टेक्स्ट और URL दोनों को एक HTML एंकर एलिमेंट <a> के भीतर परिभाषित किया गया है।

HTML एंकर एलिमेंट में एक href एट्रिब्यूट होता है जिसमें इसके सोर्स के रूप में एक वैल्यू होती है — और वह वैल्यू वह URL है जो उस व्यक्ति को गंतव्य पर ले जाता है जिसे आपने परिभाषित किया है।

TechStacker के फ्रंट पेज के लिंक वाले पैराग्राफ के लिए HTML कोड यहाँ है:

<p> आमतौर पर जब लोग लिंक्स के बारे में बात करते हैं, तो वे एक वाक्य के हाइलाइट किए गए भाग को संदर्भित करते हैं, जैसे <a href="https://techstacker.com">यह टेक्स्ट</a> जो TechStacker के फ्रंट पेज की ओर ले जाता है। </p>

लिंक्स बनाने के लिए टेक्स्ट के अलावा अन्य UI एलिमेंट्स का उपयोग कर सकते हैं

मान लें आप एक इमेज को लिंक के रूप में काम करना चाहते हैं, और जब वे उस पर क्लिक करें तो यूजर को किसी स्थान पर ले जाएं। ऐसा करने के लिए, आप बस अपने इमेज एलिमेंट <img> को लेते हैं और इसे एंकर एलिमेंट के अंदर लपेटते हैं।

तो ऊपर दिए गए HTML उदाहरण से एंकर एलिमेंट लें:

<a href="https://techstacker.com">यह टेक्स्ट</a>

और यह इमेज एलिमेंट:

<img src="https://in.wsxdn.com/UploadFiles_4959/202203/2022033109302583.png" width="150" height="150" alt="एरिक कार्टमैन" />

अब बस यह टेक्स्ट को अपने इमेज एलिमेंट से बदलें जैसे:

<a href="https://techstacker.com"> <img src="https://in.wsxdn.com/UploadFiles_4959/202203/2022033109302583.png" width="150" height="150" alt="एरिक कार्टमैन" /> </a>

और परिणाम, एक इमेज जो लिंक के रूप में काम करती है:

इमेज पर अपना माउस ले जाने का प्रयास करें, और आप अपने ब्राउज़र के निचले बाएं कोने में इस वेबसाइट का URL प्रदर्शित देखेंगे।

यदि आप इमेज पर क्लिक करते हैं तो आपको फ्रंट पेज पर ले जाया जाएगा, क्योंकि एंकर एलिमेंट के भीतर निर्दिष्ट URL के कारण। नए ब्राउज़र टैब में लिंक खोलने के लिए, क्लिक करते समय CMD (मैक) या CTRL (विंडोज) दबाए रखें।

निष्कर्ष: लिंक बनाम URL

यदि आप अधिकांश लोगों, टेक्नीज़ या नॉन-टेक्नीज़ से पूछें:

• "कृपया मुझे X के बारे में वेबसाइट का URL दें"
• "कृपया मुझे X के बारे में वेबसाइट का लिंक दें"

दूसरे छोर पर मौजूद व्यक्ति आमतौर पर अपने ब्राउज़र एड्रेस बार पर जाएगा और URL को कॉपी-पेस्ट करके आपको दे देगा। वे जो आपको प्रदान कर रहे हैं वह तकनीकी रूप से एक URL है, लेकिन यदि आप इसे लिंक कहते हैं, तो कोई नुकसान नहीं होता, परिणाम समान है।

हालांकि यदि आपसे ब्लॉग पोस्ट में एक लिंक इन्सर्ट करने के लिए कहा जाता है, तो URL के अलावा कई चीजें हो सकती हैं जो आपके लिए विचार करने के लिए प्रासंगिक हैं:

• क्या लिंक पर क्लिक करने पर नया ब्राउज़र टैब खुलना चाहिए?
• क्या यह फॉलो या नो-फॉलो लिंक होना चाहिए (SEO संबंधित)?
• लिंक किस प्रकार के कंटेंट के चारों ओर लपेटना चाहिए? टेक्स्ट? एक इमेज?
• आदि।

तो हाँ, एक बार जब आप इस बारे में बात करना शुरू करते हैं कि लिंक को कैसे व्यवहार करना चाहिए, तो तकनीकीताएं प्रासंगिक हो जाती हैं, और केवल URL या लिंक प्रदान करने के बारे में बात करना पर्याप्त नहीं रह जाता। आपको उस संदर्भ को भी समझना होगा जिसमें आप दोनों उस स्थान के पथ का उपयोग और प्रस्तुत कर रहे हैं जहां आप यूजर को जाना चाहते हैं।