वेबसाइटों और संचार माध्यमों के अन्य रूपों के बीच प्राथमिक विभेदकों में से एक "लिंक" का विचार है, या हाइपरलिंक जैसा कि वे तकनीकी रूप से वेब डिज़ाइन के संदर्भ में जाने जाते हैं।
वेब को आज जो है उसे बनाने में मदद करने के अलावा, लिंक, साथ ही चित्र, आसानी से वेब पेजों पर सबसे अधिक जोड़ने वाली चीजें हैं। शुक्र है, इन वस्तुओं को जोड़ना आसान है (सिर्फ दो मूल HTML टैग) और वे सामान्य पाठ पृष्ठों के लिए उत्साह और अन्तरक्रियाशीलता ला सकते हैं। इस लेख में, आप (एंकर) टैग के बारे में जानेंगे, जो कि वास्तविक है एचटीएमएल तत्व वेबसाइट पेजों के लिंक जोड़ने के लिए उपयोग किया जाता है।
लिंक जोड़ना
HTML में एक लिंक को एंकर कहा जाता है, और इसलिए इसका प्रतिनिधित्व करने वाला टैग A टैग है। आम तौर पर, लोग इन परिवर्धन को केवल "लिंक" के रूप में संदर्भित करते हैं, लेकिन एंकर वह है जो वास्तव में किसी भी पृष्ठ में जोड़ा जा रहा है।
जब आप कोई लिंक जोड़ते हैं, तो आपको इंगित करना चाहिए वेब पेज का पता कि आप चाहते हैं कि आपके उपयोगकर्ता उस लिंक पर क्लिक करें या टैप करें (यदि वे टच स्क्रीन पर हैं) तो उस लिंक पर जाएं। आप इसे विशेषता के साथ निर्दिष्ट करते हैं।
href विशेषता "हाइपरटेक्स्ट संदर्भ" के लिए है और इसका उद्देश्य उस URL को निर्देशित करना है जहां आप उस विशिष्ट लिंक पर जाना चाहते हैं। इस जानकारी के बिना, एक लिंक बेकार है क्योंकि यह ब्राउज़र को बताएगा कि उपयोगकर्ता को लाया जाना चाहिए कहीं, लेकिन उसके पास उस "कहीं" के लिए गंतव्य जानकारी उपलब्ध नहीं होगी हो। यह टैग और यह विशेषता साथ-साथ चलती है।
आप अपने एचटीएमएल पेज में लगभग कुछ भी लिंक कर सकते हैं, जिसमें शामिल हैं इमेजिस. बस उन HTML तत्वों या तत्वों को घेर लें जिन्हें आप और टैग के साथ लिंक बनाना चाहते हैं। आप भी बना सकते हैं प्लेसहोल्डर लिंक को छोड़कर href विशेषता - लेकिन बस वापस जाना सुनिश्चित करें और बाद में href जानकारी अपडेट करें या लिंक वास्तव में एक्सेस होने पर कुछ भी नहीं करेगा।
HTML5 पैराग्राफ औरlevel जैसे ब्लॉक-स्तरीय तत्वों को लिंक करने के लिए इसे मान्य बनाता है डिव तत्व आप एक बहुत बड़े क्षेत्र के आसपास एक एंकर टैग जोड़ सकते हैं, जैसे कि एक विभाजन या परिभाषा सूची, और वह पूरा क्षेत्र "क्लिक करने योग्य" होगा। किसी वेबसाइट पर बड़े, उंगलियों के अनुकूल हिट क्षेत्र बनाने का प्रयास करते समय यह विशेष रूप से सहायक हो सकता है।
लिंक जोड़ते समय याद रखने योग्य कुछ बातें
- अंतिम टैग है अपेक्षित. यदि आप इसे शामिल करना भूल जाते हैं, तो उस लिंक का अनुसरण करने वाली सभी चीज़ें भी तब तक लिंक की जाएंगी, जब तक कि कोई अन्य लिंक टैग बंद नहीं कर देता।
- ज्यादातर समय, टेक्स्ट के बड़े ब्लॉक के बजाय सिंगल इमेज और टेक्स्ट के छोटे स्पैन को लिंक करना सबसे अच्छा होता है। लिंक आपके पृष्ठ पर रंग जोड़ सकते हैं और शैलियों को रेखांकित कर सकते हैं जिन्हें पढ़ना मुश्किल हो सकता है। बेशक, आप इन लिंक शैलियों को बदलने और रंगों को संपादित करने या रेखांकन हटाने के लिए CSS का उपयोग कर सकते हैं, लेकिन इस वास्तविकता से सावधान रहना अभी भी अच्छा है।
- अपने लिंक की जांच करना सुनिश्चित करें ताकि वे खराब न हों। लिंक रोट उपयोगकर्ताओं और खोज इंजन दोनों को आपकी साइट को अमान्य मान सकता है। अपने पृष्ठों पर लिंक सत्यापित करने के लिए नियमित रूप से लिंक चेकर का उपयोग करें। यह विशेष रूप से तब सच होता है जब आप तृतीय पक्ष साइटों (जिन्हें आप प्रबंधित नहीं करते हैं) से लिंक करते हैं और जो आपके पृष्ठों को समय के साथ बदल सकती हैं, जिससे आपको मृत लिंक मिल जाएंगे। एक लिंक चेकर को ये मृत लिंक मिलेंगे ताकि आप कोई भी आवश्यक अपडेट कर सकें।
- अपने लिंक में "यहां क्लिक करें" जैसे टेक्स्ट से बचें। याद रखें, टच स्क्रीन वाले लोग "क्लिक" नहीं कर सकते हैं, ताकि टेक्स्ट पिछले युग के उत्पाद की तरह महसूस हो और वास्तव में आज के मल्टी-डिवाइस केंद्रित वेब में प्रासंगिक न हो।
अन्य दिलचस्प प्रकार के लिंक
ए तत्व किसी अन्य दस्तावेज़ के लिए एक मानक लिंक बनाता है, लेकिन अन्य प्रकार के लिंक हैं जिनमें आपकी रुचि हो सकती है:
- आंतरिक लिंक या एंकर: ये किसी वेब पेज के भीतर कहीं के लिंक हैं, जरूरी नहीं कि शीर्ष पर हों।
- छवि मानचित्र: छवि मानचित्र उन छवियों पर लिंक बनाने देता है जो छवि के विशिष्ट क्षेत्रों में मैप की जाती हैं। इनका उपयोग गेम या रचनात्मक नेविगेशन के लिए किया जा सकता है। आप उन्हें अक्सर उन मानचित्रों के साथ देखते हैं जहां मानचित्र के क्षेत्र क्लिक करने योग्य होते हैं। ध्यान दें कि अधिकांश आधुनिक वेबसाइटों पर छवि मानचित्रों का उपयोग नहीं किया जाता है, क्योंकि कुछ हद तक वे मोबाइल उपकरणों पर समस्याएं पैदा कर सकते हैं.
- तत्व: इस तत्व का उपयोग अन्य दस्तावेज़ों और पृष्ठों को वर्तमान दस्तावेज़ से जोड़ने के लिए किया जाता है। यह आपके वेब पेज पर क्लिक करने योग्य क्षेत्र नहीं बनाएगा, लेकिन इसे समझना उपयोगी है।