मैं किसी पृष्ठ के भाग से कैसे जुड़ूं? (हैश?)

Question

आप लिंक (के साथ <a>) कैसे करते हैं ताकि ब्राउज़र लक्ष्य पृष्ठ पर निश्चित रूप से शीर्ष पर जाने के विपरीत हो जाए?

Answer 1

अगर कोई <a name="foo">टैग या कोई टैग है idजैसे (जैसे, <div id="foo">), तो आप बस #fooURL को जोड़ सकते हैं । अन्यथा, आप मनमाने ढंग से किसी पृष्ठ के भाग से लिंक नहीं कर सकते।

यहाँ एक पूर्ण उदाहरण है: <a href="http://example.com/page.html#foo">Jump to #foo on page.html</a>

सामग्री को एक ही पृष्ठ पर जोड़ना उदाहरण: <a href="#foo">Jump to #foo on same page</a>

Comments

बस एक नोट: एचटीएमएल 5 में अब-- nameमेंट्स के लिए कोई-कोई योगदान <a>नहीं है: एक तत्व पर नाम विशेषता अप्रचलित है। इसके बजाय निकटतम कंटेनर पर एक आईडी विशेषता डालने पर विचार करें।

— सम्मिलित

तो क्या आप पूर्ण उदाहरण या उसी पृष्ठ उदाहरण का उपयोग करते हैं? पूरा उदाहरण एक ही बात नहीं है?

— akantoword

अगर हमारे पास url जैसा कोई पृष्ठ है: तो domain.com/#home?page=1href में id का उपयोग कैसे करें?

— इराज जेलोदरी

@irajjelodari आप अंत में हैश domain.com/?page=1#home

— डालेंगे

मुझे यूआरएल में 2 हैशटैग का उपयोग करना पड़ा जैसे example.com/#RouteName?page=1#ID:। रूटिंग के लिए एक और वर्तमान पृष्ठ के अंदर नेविगेशन के लिए एक। रूट हैशटैग हटाने के लिए अंत में मैंने URL का html5 मोड इस्तेमाल किया;) @tomsmeding

— iraj jelodari

Answer 2

आप एक एंकर और एक हैश का उपयोग करें। उदाहरण के लिए:

लिंक का लक्ष्य:

 <a name="name_of_target">Content</a>

लक्ष्य से लिंक करें:

 <a href="#name_of_target">Link Text</a>

या, यदि किसी भिन्न पृष्ठ से लिंक किया जा रहा है:

 <a href="http://path/to/page/#name_of_target">Link Text</a>

Comments

आईडी के साथ ब्रॉसर किसी भी तत्व पर कूद जाएगा name_of_target। आपको <a>लक्ष्य के रूप में टैग का उपयोग करने की आवश्यकता नहीं है । तो एक और लक्ष्य हो सकता है <h3 id='name_of_target'>Content</h3>।

— साइरिल

ध्यान दें कि यह अब HTML5 में अप्रचलित है।

— टिम

Answer 3

बस URL में एक तत्व की आईडी के साथ एक हैश जोड़ें। उदाहरण के लिए

<div id="about"></div>

तथा

http://mysite.com/#about

तो लिंक ऐसा दिखेगा:

<a href="http://mysite.com/#about">About</a>

या केवल

<a href="#about">About</a>

Answer 4

यहां कैसे:

<a href="#go_middle">Go Middle</a>

<div id="go_middle">Hello There</div>

Comments

तुम क्या? आपको </a>एक उद्घाटन के बाद एक समापन मिला है <div ...>- वास्तव में यकीन नहीं है कि आप यहां क्या करने की कोशिश कर रहे हैं।

— डोमिनिक रॉडगर

मैंने लिंक की अपनी लाइन कॉपी की और नीचे चिपका दिया और div को बंद करना भूल गया। फिर भी धन्यवाद।

— सरफराज

Answer 5

आपके पास दो विकल्प हैं:

आप अपने दस्तावेज़ में एंकर को इस प्रकार रख सकते हैं:

<a name="ref"></a>

या फिर आप किसी भी HTML तत्व को एक आईडी देते हैं:

<h1 id="ref">Heading</h1>

फिर #refवांछित संदर्भ के लिए कूदने के लिए बस अपने लिंक के URL पर हैश जोड़ें । उदाहरण:

<a href="document.html#ref">Jump to ref in document.html</a>

Answer 6

12 मार्च 2020 को, WICG द्वारा टेक्स्ट फ़्रैगमेंट्स के लिए एक ड्राफ्ट जोड़ा गया है , और अब आप किसी पेज पर टेक्स्ट को लिंक कर सकते हैं जैसे कि आप हैश में निम्नलिखित जोड़कर इसे खोज रहे थे

#:~:text=<Text To Link to>

पर काम कर उदाहरण Chrome Version 81.0.4044.138:

इस लिंक पर क्लिक करें पृष्ठ को फिर से लोड करना चाहिए और लिंक के पाठ को उजागर करना चाहिए