/ / एचटीएमएल एंकर को सही तरीके से असाइन और उपयोग कैसे करें?

HTML एंकर को सही तरीके से असाइन और उपयोग कैसे करें?

चर्चा के लिए आज का विषय HTML एंकर होगा। यह तत्व पृष्ठ के अंदर और बाहरी दस्तावेज़ों में त्वरित संक्रमण की अनुमति देता है। एंकर अक्सर वेब डेवलपर्स द्वारा उपयोग किया जाता है। चूंकि वे पाठकों के लिए सुविधाजनक वेबसाइट बनाने में मदद करते हैं। लेख इस तत्व और प्रभावी उपयोग के उदाहरणों का एक विस्तृत विवरण प्रदान करेगा।

एंकर एचटीएमएल

विवरण

एक HTML एंकर एक अद्वितीय बुकमार्क हैवेब पेज इसका हमेशा अपना व्यक्तिगत नाम होता है, जिसे एक पृष्ठ पर दोहराया नहीं जाना चाहिए। एंकर का मुख्य उद्देश्य दस्तावेज़ के एक हिस्से से दूसरे स्थान पर, किसी विशिष्ट स्थान पर त्वरित रूप से कूदना है। यह पृष्ठ प्रभावी रूप से प्रभावी होता है, जब वेब पेज बड़ा होता है। इस वजह से, उपयोगकर्ता साइट की सामग्री को पढ़ने के लिए असहज हैं। और एचटीएमएल पेज पर एंकर एक त्वरित संक्रमण की अनुमति देता है।

असाइनमेंट

पेज पर ऐसा बुकमार्क बनाने के लिए, आप कर सकते हैंदो अलग-अलग तरीकों का प्रयोग करें। पहला नाम विशेषता का उपयोग करना है, और दूसरे मामले में, आपको आईडी विशेषता का उपयोग करने की आवश्यकता है। इसके बाद, हम प्रत्येक विधि को अलग से देखेंगे। दोनों मामलों में संक्रमण "ए" टैग का उपयोग होता है, जिसका गुण एक नाम या पहचानकर्ता होता है। उदाहरण के लिए: "a href =" # footer ""। # प्रतीक ब्राउज़र को बताता है कि लिंक एंकर होगा।

नाम

नाम विशेषता विशेष रूप से पृष्ठ पर एक एंकर बनाने के लिए बनाई गई थी। इसका मूल्य कोई भी पाठ हो सकता है। यह एचटीएमएल एंकर केवल "ए" टैग के संयोजन के साथ प्रयोग किया जा सकता है।

एचटीएमएल पेज पर एंकर

उदाहरण के लिए, आप बहुत अंत में एक बुकमार्क बनाना चाहते हैंआपका पृष्ठ आपको वेब दस्तावेज़ के वांछित भाग में टैग "एक नाम =" पाद लेख "" / ए "डालना होगा। पृष्ठ के किसी अन्य क्षेत्र में, आपको एंकर के लिए एक लिंक बनाने की आवश्यकता है, इसके लिए, "a href =" # footer "" लिंक "/ a" प्रविष्टि जोड़ें। जब आप इस आइटम पर क्लिक करते हैं, तो ब्राउज़र स्वचालित रूप से उस दस्तावेज़ के हिस्से में ले जाता है जहां पाद लेख टैब स्थित होता है।

आईडी

सबसे पहले, यह उल्लेखनीय है कि आईडी हैएक पहचानकर्ता जिसके पास एंकर बनाने का प्रत्यक्ष उद्देश्य नहीं है। लेकिन यह आपको अतिरिक्त लिंक बनाने के बिना पूरे दस्तावेज़ क्षेत्र पर बुकमार्क बनाने की अनुमति देता है। यही है, आप किसी भी HTML तत्व में आईडी विशेषता लागू कर सकते हैं। और फिर, "ए" टैग का उपयोग करके, इसका संदर्भ लें। यहां एक उदाहरण दिया गया है: "पी" तत्व दस्तावेज़ के मध्य में है। स्क्रॉलबार का उपयोग किये बिना पृष्ठ की शुरुआत से इसे जाने के लिए, आईडी विशेषता जोड़ें: "पी आईडी =" केंद्र "" "/ पी"। इसके बाद, एक लिंक बनाएं: "a href =" # centr "" पाठ "/ a" है। इस प्रकार, हमें दस्तावेज़ के किसी भी हिस्से तक त्वरित पहुंच मिलती है। आईडी विशेषता का मान कोई भी पाठ हो सकता है।

एचटीएमएल लिंक एंकर

प्रभावी उपयोग

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

निष्कर्ष

एक HTML एंकर बहुत उपयोगी है और कुछ मेंमामलों, यहां तक ​​कि आवश्यक तत्व भी। लेख में मैंने अपने प्रभावी उपयोग का केवल एक उदाहरण प्रस्तुत किया। लेकिन वास्तव में, इस तरह के बुकमार्क कई स्थितियों में इस्तेमाल किया जा सकता है। मुख्य बात उनके मुख्य विचार को समझना है।

संबंधित समाचार


टिप्पणियाँ (0)

एक टिप्पणी जोड़ें