HTML एंकर लिंक को पेज के विशिष्ट भाग पर कैसे ले जाएं?

आप HTML में एंकर (<a>) लिंक का उपयोग किसी अलग पेज या अलग वेबसाइट से लिंक करने के लिए कर सकते हैं। लेकिन आप वेब पेज के किसी विशिष्ट भाग से कैसे लिंक कर सकते हैं?

उत्तर है जंप लिंक्स।

जंप लिंक ऐसे लिंक हैं जो केवल पेज लोड नहीं करेंगे, बल्कि वे वेब पेज के किसी विशिष्ट भाग पर "जंप" करेंगे। आप उनका उपयोग अपनी वेबसाइट के अलग पेज से लिंक करने के लिए आंतरिक रूप से कर सकते हैं, और आप उन्हें बाहरी रूप से भी साझा कर सकते हैं।

ये लिंक काम करेंगे चाहे उपयोगकर्ता कहीं से भी आ रहा हो, और उन्हें बेसिक HTML के अलावा किसी और चीज की आवश्यकता नहीं होती।

एंकर जंप लिंक बनाना

HTML में, आप टेक्स्ट के अंदर <a> टैग्स के एक सेट का उपयोग करके एक एंकर लिंक बना सकते हैं। यहां एक उदाहरण है:

<a>यह एक लिंक है जो कहीं नहीं जाता!</a>

लिंक लक्ष्य के लिए id एट्रिब्यूट का उपयोग करें

अब, जंप लिंक बनाने के लिए, हमें एक लिंक और एक लक्ष्य चाहिए। लक्ष्य वेब पेज पर कोई भी एलिमेंट हो सकता है जिसमें "id" एट्रिब्यूट हो।

एक बहुत आम लक्ष्य H टैग जैसे <h1>, <h2>, <h3>, आदि का उपयोग करके एक शीर्षक या उपशीर्षक होगा। आम तौर पर, इन उद्देश्यों के लिए किसी भी H टैग में id जोड़ना एक अच्छा अभ्यास है।

मान लें कि हमारे पास एक बहुत लंबा वेब पेज है, और हम पेज के एक ऐसे भाग से लिंक करना चाहते हैं जो इस तरह दिखता है:

<h2 id="extra_content">अतिरिक्त कंटेंट जिससे हम लिंक नहीं करना चाहते</h2> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed porta est, nec pretium lectus. Quisque sit amet porta risus, sed faucibus magna. </p> <h2 id="linked_content">लिंक करने के लिए अनुभाग का उपशीर्षक</h2> <p> Vivamus orci erat, sagittis vitae aliquam at, pretium sagittis neque. Curabitur vel eros in turpis elementum sollicitudin. </p>

URL में एलिमेंट से लिंक करें

अब जब हमारे पास हमारा लक्ष्य एलिमेंट है, तो हम पेज के URL के अंत में #linked_content जोड़कर उससे जंप लिंक बना सकते हैं। लक्ष्य का जो भी id है, उसे # (पाउंड/हैशटैग) प्रतीक के बाद जोड़ें।

यदि हम एक पेज पर हैं और उसी पेज पर किसी अनुभाग पर नीचे जाना चाहते हैं, तो हम एक आंतरिक लिंक बना सकते हैं। एक आंतरिक लिंक को लिंक के href एट्रिब्यूट में https://www.WebsiteName.com की आवश्यकता नहीं होती।

एक आंतरिक जंप लिंक का उदाहरण हो सकता है:

<a href="#linked_content">उसी पेज पर उपशीर्षक से लिंक</a>

क्या होगा यदि आप किसी अलग वेबसाइट पर लिंक जोड़ रहे हैं या यहां तक कि इसे सोशल मीडिया या ईमेल पर दूसरों के साथ साझा कर रहे हैं? आप वही काम पूर्ण URL के अंत में #linked_content जोड़कर कर सकते हैं जैसे:

<a href="https://www.WebsiteName.com/PageName/#linked_content">उसी पेज पर उपशीर्षक से लिंक</a>

"name" एट्रिब्यूट पर नोट

अतीत में, इस प्रकार के जंप लिंक को एक खाली एंकर लिंक पर "name" एट्रिब्यूट का उपयोग करके लक्षित किया जाता था। Mozilla Developer Network के अनुसार, HTML5 के बाद से यह प्रथा अप्रचलित है। यह अभी भी कुछ ब्राउज़रों में काम कर सकता है, लेकिन मैं अत्यधिक अनुशंसा करूंगा कि आप लिंक करने की अधिक वर्तमान विधि का उपयोग करें।

मुझे आशा है कि यह आपको वेब पेज के विशिष्ट भाग पर जंप लिंक बनाने में मदद करेगा!