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