साइट पर एंकर बहुत उपयोगी है यदि आप चाहते हैं कि आपकी साइट के लेखों में सूची आइटम के बीच एक सुविधाजनक संक्रमण हो। वे पृष्ठ को वांछित बिंदु पर मोड़ते हैं या वांछित पृष्ठ खोलते हैं, जिससे उपयोगकर्ता को अपनी आवश्यक जानकारी को जल्दी से खोजने में मदद मिलती है।
यदि आप अपनी खुद की साइट लिख रहे हैं, तो आपको यह सोचना चाहिए कि अपनी साइट के नेविगेशन को और अधिक सुविधाजनक कैसे बनाया जाए। ताकि उपयोगकर्ता को आपकी साइट के सभी पृष्ठों के बीच अपनी आवश्यक जानकारी की खोज न करनी पड़े, "एंकर" तकनीक का उपयोग करना सबसे अच्छा है। यह आपकी साइट पर कहीं भी किसी भी जानकारी या दस्तावेज़ का लिंक बनाएगा।
सिद्धांत
एंकर बनाने के लिए, आपको दो तत्वों की आवश्यकता है:
- कोड का वह भाग, जो हमारे एंकर के लिंक को इंगित करता है, साइट के दूसरे भाग में छोड़ दिया गया है।
- कोड का कोई भी भाग जिसमें पहचानकर्ता निर्दिष्ट किया जा सकता है वह हमारा एंकर है।
पहले आपको एंकर का पहला भाग बनाने की आवश्यकता है - इसके लिए एक लिंक। एक एंकर लिंक के दो भाग होते हैं: एक पेज लिंक और एक एंकर लिंक।
- एक "a" टैग या कोई अन्य टैग बनाएं जो "href" विशेषता का समर्थन करता हो
- इस टैग में "href" विशेषता बनाएं
- विशेषता मान में साइट पृष्ठ का लिंक निर्दिष्ट करें।
- लिंक के बाद, "#" प्रतीक और एंकर के लिए किसी भी नाम का उपयोग करके एंकर के लिंक को इंगित करें (एक साथ लिखा गया, उदाहरण के लिए: "#anchor")
यदि आप बिंदु 3 को छोड़ देते हैं और साइट पृष्ठ के लिए कोई लिंक निर्दिष्ट नहीं करते हैं, तो वर्तमान पृष्ठ पर एंकर की खोज की जाएगी। यानी अगर आप उसी पेज पर स्थित एंकर का लिंक बनाना चाहते हैं, तो आप पेज के लिंक को ही छोड़ सकते हैं।
यह एंकर का दूसरा भाग बनाने के लिए बनी हुई है - पहचानकर्ता। यह साइट कोड में किसी भी टैग को संदर्भित करता है जो आईडी विशेषता का समर्थन करता है। एक एंकर बनाने के लिए, आपको चाहिए:
- आवश्यक टैग में "आईडी" विशेषता बनाएं।
- "आईडी" विशेषता में, पिछले चरण में निर्दिष्ट एंकर नाम का मान निर्दिष्ट करें। (उदाहरण:)
इन दो चरणों के बाद, साइट पर एक लिंक दिखाई देता है जो आपको निर्दिष्ट एंकर पर ले जाएगा।
अभ्यास
आइए विचार करें कि एक विशिष्ट उदाहरण का उपयोग करके एंकर कैसे बनाया जाए।
हमारे पास इस तरह का एक सरल पृष्ठ है:
हमारे पास पेज के ऊपर और नीचे टेक्स्ट है, बहुत सारे "br" टैग हैं जो टेक्स्ट के बीच जगह बनाते हैं। हमें एक एंकर बनाने की जरूरत है ताकि हम नीचे के टेक्स्ट को जल्दी से देख सकें।
ऐसा करने के लिए, एक नया टैग बनाएं - "ए" शिलालेख के बाद "शीर्ष पर पाठ"। इसमें हम "href" विशेषता बनाते हैं। एंकर को और अधिक सुविधाजनक बनाने के लिए हम लिंक में "डाउन" लिखेंगे।
अब हम विशेषता में "#yakor" मान निर्दिष्ट करते हैं - यह एंकर के नाम का लिंक होगा।
एंकर का पहला भाग - उसका लिंक - तैयार है। अब जो कुछ बचा है वह एंकर को ही बनाना है। हम पृष्ठ के वांछित भाग में जाते हैं। इस मामले में, यह "नीचे का पाठ" है। चूंकि यह बिना किसी टैग के सरल टेक्स्ट है, इसलिए हमें इसे बनाने की आवश्यकता है। ऐसा करने के लिए, टेक्स्ट को "पैराग्राफ" में संलग्न करें - टैग "पी"।
इस टैग में हम "id" विशेषता बनाते हैं और उसमें "yacor" मान दर्ज करते हैं। मान "याकोर" लिंक में निर्दिष्ट एंकर नाम से मेल खाता है।
अब हमारा एंकर उसी तरह काम कर रहा है जैसे उसे करना चाहिए।
