जब तक एचटीएमएल 5 जारी किया गया था, टैग को एक की आवश्यकता है गुण: href. लेकिन, HTML5 उस विशेषता को भी वैकल्पिक बनाता है। जब आप बिना किसी विशेषता के टैग लिखते हैं, तो इसे प्लेसहोल्डर लिंक कहा जाता है।
प्लेसहोल्डर लिंक इस तरह दिखता है:
पहले का
विकास के दौरान प्लेसहोल्डर लिंक का उपयोग करना
लगभग हर वेब डिज़ाइनर ने किसी न किसी समय प्लेसहोल्डर लिंक बनाए हैं एक वेबसाइट डिजाइन और निर्माण. HTML5 से पहले, एक प्रोग्रामर निम्नलिखित को प्लेसहोल्डर के रूप में लिखेगा:
लिंक पाठ
a. का उपयोग करने में समस्या हैशटैग (#) एक प्लेसहोल्डर लिंक के रूप में यह है कि लिंक क्लिक करने योग्य है, और यह आपके ग्राहकों के लिए भ्रम पैदा कर सकता है। और, यदि कोई डेवलपर उन्हें सही URL के साथ अपडेट करना भूल जाता है, तो वे लिंक केवल उसी पृष्ठ को दिखाएंगे जिस पर क्लिक करने पर उपयोगकर्ता है।
इसके बजाय, आपको बिना किसी विशेषता के टैग का उपयोग करना शुरू कर देना चाहिए। आप इन्हें अपने पेज पर किसी अन्य लिंक की तरह दिखने के लिए स्टाइल कर सकते हैं, लेकिन ये क्लिक करने योग्य नहीं होंगे क्योंकि ये सिर्फ प्लेसहोल्डर हैं।
लाइव साइट्स पर प्लेसहोल्डर लिंक का उपयोग करना
प्लेसहोल्डर लिंक्स का वेब डिज़ाइन में स्थान केवल. से अधिक के लिए होता है विकास. एक जगह जहां प्लेसहोल्डर लिंक चमक सकता है वह नेविगेशनल तत्वों में है। कई मामलों में, वेबसाइट नेविगेशन सूचियों में यह इंगित करने का कोई तरीका होता है कि आप किस पृष्ठ पर हैं। इन्हें अक्सर "आप यहां हैं" संकेतक कहा जाता है।
अधिकांश साइटें इस पर निर्भर करती हैं आईडी विशेषताएँ उस तत्व पर जिसे "आप यहां हैं" मार्कर की आवश्यकता है, लेकिन कुछ वर्ग विशेषता का भी उपयोग करते हैं। हालाँकि, आप जो भी विशेषता का उपयोग करते हैं, आपको उस प्रत्येक पृष्ठ पर बहुत अधिक अतिरिक्त कार्य करने की आवश्यकता होती है, जिस पर नेविगेशन है, सही तत्वों से विशेषता को जोड़ना और निकालना।
प्लेसहोल्डर लिंक के साथ, आप अपनी पसंद के अनुसार अपना नेविगेशन लिख सकते हैं, और फिर जब आप किसी पृष्ठ पर नेविगेशन जोड़ते हैं तो उपयुक्त लिंक से केवल href विशेषता को हटा दें। विकास के लिए, मदद करने के लिए एक त्वरित युक्ति है कि आप अपने संपादक में संपूर्ण नेविगेशन सूची को एक कोड स्निपेट के रूप में संग्रहीत करें, इसलिए यह केवल एक त्वरित कॉपी-पेस्ट है। फिर आप केवल href को हटा सकते हैं। आप ऐसा करने के लिए अपनी सामग्री प्रबंधन प्रणाली (सीएमएस) भी प्राप्त कर सकते हैं।
स्टाइलिंग प्लेसहोल्डर लिंक
प्लेसहोल्डर लिंक आपके वेब पेज पर अन्य लिंक से अलग शैली और शैली के लिए आसान हैं। बस ए टैग और ए: लिंक टैग दोनों को स्टाइल करना सुनिश्चित करें। उदाहरण के लिए:
ए {
लाल रंग;
फोंट की मोटाई: बोल्ड;
पाठ-सजावट: कोई नहीं;
}
एक लिंक {
नीला रंग;
फ़ॉन्ट-वजन: सामान्य;
पाठ-सजावट: रेखांकित;
}
यह सीएसएस प्लेसहोल्डर लिंक को बिना किसी अंडरलाइन के बोल्ड और लाल बना देगा। नियमित लिंक सामान्य वजन के होंगे, हालांकि नीले और रेखांकित होंगे।
कोई भी रीसेट करना याद रखें शैलियों आप a टैग से आगे नहीं बढ़ना चाहते हैं। उदाहरण के लिए, प्लेसहोल्डर लिंक के लिए फ़ॉन्ट-वेट बोल्ड पर सेट है, इसलिए मानक लिंक के लिए, आपको इसे इस पर सेट करना होगा:
फ़ॉन्ट-वजन: सामान्य;
के साथ भी ऐसा ही है text-decoration. इसे एक चयनकर्ता के साथ हटाकर, इसे ए: लिंक चयनकर्ता के लिए हटा दिया गया होता अगर हम इसे वापस नहीं डालते।