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

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

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

एक लिंक और एक यूआरएल के बीच का अंतर कोई फर्क नहीं पड़ता अगर आप किसी वेब पेज पर कुछ सामग्री के लिए सीधा रास्ता पाने के बारे में एक आकस्मिक बातचीत कर रहे हैं। जैसे अगर आप अपने किसी मित्र के साथ कोई बढ़िया लेख साझा कर रहे हैं।

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

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

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

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

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

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

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

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

बीटीडब्ल्यू, यूआरएल का मतलब यूनिवर्सल रिसोर्स लोकेटर है।

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

HTML किसी लिंक/यूआरएल को कैसे परिभाषित करता है

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

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

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

HTML एंकर तत्व में एक href होता है इसके स्रोत के रूप में मान के साथ विशेषता - और मान वह URL है जो उस पर क्लिक करने वाले व्यक्ति को आपके द्वारा निर्धारित गंतव्य तक ले जाता है।

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

<p>
  Usually when people talk about links, they refer to a highlighted part of a
  sentence, like <a href="https://techstacker.com">this text</a> that leads to
  TechStacker’s front page.
</p>

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

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

<a href="https://techstacker.com">this text</a>

और यह छवि तत्व:

<img
  src="/article/uploadfiles/202203/2022033109302583.png"
  width="150"
  height="150"
  alt="Eric Cartman"
/>

अब बस this text . को बदलें इस तरह आपके छवि तत्व के साथ:

<a href="https://techstacker.com">
  <img
    src="/article/uploadfiles/202203/2022033109302583.png"
    width="150"
    height="150"
    alt="Eric Cartman"
  />
</a>

और परिणाम, एक छवि जो एक कड़ी के रूप में काम करती है:

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

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

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

यदि आप अधिकतर लोगों, तकनीकी विशेषज्ञों या गैर-तकनीकी लोगों से पूछें:

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

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

हालांकि अगर आपको ब्लॉग पोस्ट में लिंक डालने के लिए कहा जाता है, तो यूआरएल के अलावा और भी कई चीजें हो सकती हैं। जिस पर विचार करना आपके लिए प्रासंगिक है:

  • जब आप लिंक पर क्लिक करते हैं तो क्या लिंक को एक नया ब्राउज़र टैब खोलना चाहिए?
  • क्या यह एक फॉलो या नो-फॉलो लिंक होना चाहिए (एसईओ से संबंधित)?
  • लिंक को किस प्रकार की सामग्री के चारों ओर लपेटना चाहिए? मूलपाठ? एक छवि?
  • आदि

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


  1. उबंटू में एपीटी और डीपीकेजी के बीच क्या अंतर है?

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

  1. 32-बिट और 64-बिट विंडोज़ में क्या अंतर है

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

  1. USB-C और थंडरबोल्ट 3 में क्या अंतर है

    जब आप अपने घर या कार्यालय के आसपास देखते हैं, तो किसी अन्य चीज़ की तुलना में USB केबल मिलने की बहुत अधिक संभावना होती है। जब से कंप्यूटर आम हो गए हैं तब से तेजी से डेटा ट्रांसफर की जरूरत महसूस की जाने लगी। हालाँकि, ऐसे कई तरीके हैं जिनके माध्यम से आप अपने डेटा को एक डिवाइस से दूसरे डिवाइस में ट्रांस