Links लिंक, एचटीएमएल लिंक और a एंकर एलीमेंट-हिंदी #17 #theTRANSCENDENT #tTʇ
HTML लिंक कैसे बनाएं: Anchor Tag पूरी गाइड
वेबसाइट के हर पेज को आपस में जोड़ने वाला जादुई टैग
हम सबने इंटरनेट पर हज़ारों बार क्लिक किया है, लेकिन क्या हमने कभी सोचा कि पर्दे के पीछे यह कनेक्शन बनता कैसे है? आज हम इसी राज़ को खोलेंगे — HTML के anchor यानी <a> टैग को।
लिंकिंग अब इतनी आम क्यों लगती है?
आजकल हम हर वेबसाइट पर नेविगेशन बार, मेन्यू लिस्ट, प्रीव्यू कार्ड्स और आर्टिकल हेडिंग्स देखते हैं, और हर एक चीज़ हमें कहीं न कहीं क्लिक करने का इशारा करती है। यह अनुभव आज इतना सामान्य लगता है कि हम इसकी जटिलता को भूल जाते हैं।
लेकिन एक दौर था जब कंप्यूटर वैज्ञानिक इसी विचार के पीछे पागल थे — कि एक पेज पर मौजूद कोई शब्द या हिस्सा, छूते ही हमें किसी और जगह, किसी और पेज पर पहुंचा दे। इसी सोच को साकार करने में सालों की मेहनत लगी, और अंततः "वेब" जैसा शब्द भी इसी जुड़ाव यानी "जाल" के विचार से निकला। खुशी की बात यह है कि एक साधारण लिंक बनाना आज बेहद आसान है।
<a> टैग को समझें
लिंक बनाने के लिए हमें <a> एलिमेंट का इस्तेमाल करना होता है। इस टैग के भीतर एक ज़रूरी attribute होता है — href, जो यह बताता है कि क्लिक करने पर ब्राउज़र हमें कहां ले जाएगा।
href असल में "hypertext reference" का संक्षिप्त रूप है — एक पुराना तकनीकी शब्द जो कंप्यूटिंग के शुरुआती दौर की याद दिलाता है।
ओपनिंग और क्लोजिंग <a> टैग के बीच में वह कंटेंट आता है जिसे हम क्लिक करने लायक बनाना चाहते हैं। यह टेक्स्ट भी हो सकता है, इमेज भी, या दोनों एक साथ भी।
टेक्स्ट को लिंक बनाना
जब हम किसी शब्द या वाक्यांश को <a> टैग से लपेटते हैं, तो वह क्लिक करने योग्य लिंक बन जाता है। सामान्यतः यह एक इनलाइन एलिमेंट होता है, इसलिए यह पैराग्राफ के बीच में मौजूद टेक्स्ट के प्रवाह में आसानी से समा जाता है — मतलब आप पूरे वाक्य को तोड़े बिना बीच के किसी हिस्से को लिंक बना सकते हैं।
सिर्फ टेक्स्ट ही नहीं, कुछ भी लिंक करें
यह ज़रूरी नहीं कि लिंक सिर्फ टेक्स्ट के इर्द-गिर्द ही बने। हम किसी इमेज एलिमेंट को भी <a> टैग में लपेट सकते हैं, जिससे वह तस्वीर खुद एक क्लिक करने योग्य बटन जैसी बन जाती है। अपने कोड को सही तरीके से फॉर्मेट करके इसे और भी पढ़ने में आसान बनाया जा सकता है।
इतना ही नहीं, <a> टैग किसी भी जटिल कंटेंट को भी अपने भीतर समेट सकता है — जैसे एक पूरा "टीज़र कार्ड", जिसमें कई अलग-अलग एलिमेंट्स एक साथ मौजूद हों। इस स्थिति में पूरा समूह एक ही क्लिक करने योग्य यूनिट बन जाता है।
URL को गहराई से समझना
अब बात करते हैं उस पते की, जो हम href attribute के अंदर डालते हैं।
Absolute URL क्या है?
जब हम वेब पर कहीं बाहर, किसी दूसरी वेबसाइट से जुड़ना चाहते हैं, तो हमें href में पूरा URL डालना होता है। इसे absolute URL कहा जाता है — यह इंटरनेट पर एक खास और तय जगह की ओर इशारा करता है। कुछ URL सीधे किसी वेबसाइट के होमपेज तक ले जाते हैं, तो कुछ किसी अंदरूनी पेज या खास कंटेंट तक।
एक दिलचस्प बात यह है कि URL के अंत में स्लैश (/) लगाना है या नहीं, इससे लिंक की कार्यक्षमता पर कोई फर्क नहीं पड़ता।
एक पूर्ण absolute URL में http या https शामिल होना ज़रूरी है। ब्राउज़र में सर्फ करते समय हम अक्सर सिर्फ डोमेन नेम टाइप करके काम चला लेते हैं, क्योंकि ब्राउज़र बाकी हिस्सा खुद जोड़ देता है। लेकिन जब हम डेवलपर के तौर पर कोड में लिंक लिखते हैं, तब हमें https:// वाला पूरा हिस्सा साफ तौर पर शामिल करना होता है।
HTTP का मतलब है Hypertext Transfer Protocol — यही वह नियम-प्रणाली है जिसके ज़रिए वेब पर हर चीज़ आपस में "बातचीत" करती है। प्रोटोकॉल यानी संवाद के नियम, वेब के आविष्कार के समय की सबसे अहम खोजों में से एक माने जाते हैं।
तो फिर HTTP और HTTPS में फर्क क्या है? यहां "S" का मतलब है Secure यानी सुरक्षित। शुरुआत में सभी वेब एड्रेस सिर्फ HTTP हुआ करते थे, लेकिन आज हर वेबसाइट के लिए HTTPS का इस्तेमाल एक स्वीकृत मानक बन चुका है।
(जोड़ी गई जानकारी: आधुनिक ब्राउज़र आमतौर पर बिना HTTPS वाली वेबसाइट्स को "असुरक्षित" के तौर पर चिह्नित करते हैं, और यह भी सर्च इंजन रैंकिंग को प्रभावित कर सकता है — हालांकि यह पहलू मूल ट्रांसक्रिप्ट में विस्तार से नहीं बताया गया।)
इस तरह, हम absolute URL को अपने href के भीतर डालकर एक मजबूत और भरोसेमंद लिंक तैयार करते हैं।
निष्कर्ष
एक छोटा सा <a> टैग ही वह धागा है जो पूरे वर्ल्ड वाइड वेब को एक-दूसरे से बांधे रखता है — कहा जाए तो, HTML की दुनिया में यही टैग सबसे ज़्यादा "रिश्ते निभाने" का काम करता है।
अक्सर पूछे जाने वाले सवाल (FAQ)
1. HTML में लिंक बनाने के लिए कौन सा टैग इस्तेमाल होता है?
लिंक बनाने के लिए <a> टैग का इस्तेमाल किया जाता है, जिसमें href attribute के ज़रिए बताया जाता है कि लिंक कहां ले जाएगा।
2. href का पूरा मतलब क्या है?
href का मतलब है hypertext reference, जो यह दर्शाता है कि क्लिक करने पर ब्राउज़र किस पते पर जाएगा।
3. क्या हम इमेज को भी लिंक बना सकते हैं?
हां, <a> टैग सिर्फ टेक्स्ट तक सीमित नहीं है — इसे इमेज या किसी भी जटिल एलिमेंट के चारों ओर लगाया जा सकता है।
4. absolute URL में स्लैश लगाना ज़रूरी है क्या?
नहीं, URL के अंत में स्लैश होने या न होने से लिंक की कार्यक्षमता पर कोई असर नहीं पड़ता।
5. HTTP और HTTPS में क्या अंतर है?
HTTPS, HTTP का सुरक्षित (secure) वर्ज़न है, और आज लगभग सभी वेबसाइट्स के लिए इसका इस्तेमाल मानक बन चुका है।
Comments
Post a Comment