एचटीएमएल एंकर को ठीक से कैसे आवंटित और उपयोग करना है?

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

विवरण

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

असाइनमेंट

किसी पृष्ठ पर ऐसे बुकमार्क बनाने के लिए, आप दो अलग-अलग तरीकों का उपयोग कर सकते हैं। पहला नाम विशेषता का उपयोग करना है, और दूसरे मामले में, आपको आईडी विशेषता का उपयोग करना होगा। इसके बाद, हम प्रत्येक विधि को अलग से देखेंगे दोनों मामलों में संक्रमण टैग "ए" का उपयोग करते हुए होता है, जिसमें की विशेषता में नाम या पहचानकर्ता होता है। उदाहरण के लिए: "a href = http: // साइट / आलेख / 106223 /% E2% 80% 9 डी # पादलेख% E2% 80% 9D% C2% BB # चिन्ह ब्राउज़र को बताता है कि लिंक एंकर होगा

नाम

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

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

आईडी

सबसे पहले, यह उल्लेखनीय है कि आईडी एक पहचानकर्ता है जिसका एंकर नहीं बनाने का एक सीधा उद्देश्य है। लेकिन यह आपको अतिरिक्त लिंक बनाने के बिना पूरे दस्तावेज़ क्षेत्र पर बुकमार्क बनाने की अनुमति देता है। यही है, आप किसी भी HTML तत्व पर आईडी विशेषता को लागू कर सकते हैं और फिर, "ए" टैग का उपयोग करते हुए, इसका संदर्भ लें। यहां एक उदाहरण है: "पी" तत्व दस्तावेज़ के मध्य में है। स्क्रॉलबार का उपयोग किए बिना पेज की शुरुआत से जाने के लिए, आईडी विशेषता जोड़ें: "p id =" centr "" "/ p"। फिर लिंक बनाएं: "a href = http: // साइट / लेख / 106223 /% ई 2% 80% 9डी # केंद्र% E2% 80% 9डी% सी 2% बीबी% डी 0% ए 2% डी 0% बी 5% डी 0% बीए% डी 1 % 81% डी 1% 82% सी 2% एबी% 2 एफए% सी 2% बीबी इस प्रकार, हमें दस्तावेज़ के किसी भी भाग तक त्वरित पहुंच प्राप्त होती है। आईडी विशेषता का मान किसी भी पाठ हो सकता है

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

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

निष्कर्ष

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