एचटीएमएल 5 प्लेसहोल्डर लिंकहरूको शुरुवातको मार्गदर्शक

HTML5 प्लेसहोल्डर लिंकहरूको लागि के हो?

HTML5 सम्म idUp, ट्यागको आवश्यकता एक विशेषता हो: href। तर एचटीएमएल 5 ले पनि वैकल्पिक विशेषता बनाउँछ। जब तपाइँ कुनै विशेषता बिना ट्याग लेख्नुहुन्छ यो स्थानहेल्डर लिङ्क भनिन्छ।

एक प्लेसहोल्डर लिंक यस्तो देखिन्छ:

पछिल्लो

विकासको क्रममा प्लेसहोल्डर लिंकहरू प्रयोग गर्दै

लगभग हरेक वेब डिजाइनरले प्लेसहोल्डर लिङ्कहरू एक समयमा वा अर्कोमा सिर्जना गरेको छ जब एक वेबसाइट डिजाइन र निर्माण। एचटीएमएल 5 भन्दा अघि हामी यस्तो लेख्छौं:

लिंक पाठ

प्लेसहोल्डरको रूपमा र म डकअप साइटहरू ग्राहकहरूलाई ती प्लेसहोल्डर्ससँग मात्र पठाउन मात्र पठाउने छ भने ग्राहकले मलाई सोध्नुहुन्छ "पाठको काम किन लिङ्कहरू होइन?"

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

यसको सट्टा, तपाईंले कुनै विशेषता बिना ट्याग प्रयोग गर्न सुरु गर्नुपर्दछ। तपाईं यी पृष्ठहरू तपाईंको पृष्ठमा अन्य कुनै लिङ्क हेर्नको लागि शैली गर्न सक्नुहुनेछ, तर तिनीहरू क्लिक योग्य नहुने छैनन् किनकी तिनीहरू केवल प्लेसहोल्डर हुन्।

प्लेसहोल्डर लिंकहरू लाइभ साइटहरूमा प्रयोग गर्दै

तर प्लेसहोल्डर लिङ्कले वेब डिजाइनमा एक स्थान मात्र विकासको लागि ठाउँ छ। एक प्लेसहोल्डर लिंक चमक गर्न सक्ने एक स्थान नेविगेशनमा छ। धेरै अवस्थामा, वेबसाइट नेभिगेसन सूचिले केही पृष्ठमा संकेत गर्दछ जुन कुन पृष्ठमा तपाईं हुनुहुन्छ। यी प्राय: "तपाईं यहाँ हुनुहुन्छ" भनिन्छ।

अधिकांश साइटहरू "तत्व यहाँ" मार्कर को आवश्यक तत्वमा id विशेषताहरूमा निर्भर गर्दछ, तर केहि पनि क्लास विशेषता पनि प्रयोग गर्दछ। यद्यपि, जो पनि तपाईले प्रयोग गर्नुहुनेछ, तपाईलाई प्रत्येक पृष्ठमा कार्यको गुच्छा गर्न चाहानुहुन्छ जुन यसमा नेविगेसन छ, सही तत्वबाट विशेषता थप्नु र हटाउनुपर्दछ।

प्लेसहोल्डर लिङ्कको साथ, तपाई आफ्नो नेभिगेसन लेख्न सक्नुहुन्छ तर तपाइँ मनपर्छ, र त्यसपछि तपाईले href विशेषतालाई उपयुक्त लिङ्कबाट हटाउनुहुँदा तपाईंले नेभिगेसन पृष्ठमा थपिदिनुहुन्छ। म मेरो सम्पूर्ण नेविगेशन सूची मेरो सम्पादकमा स्निपेटको रूपमा भण्डार गर्दछु, त्यसैले यो केवल छिटो प्रतिलिपि पेस्ट हो र त्यसपछि href लाई मेटाउनुहोस्। तपाईं पनि आफ्नो सीएमएस एउटै काम गर्न सक्नुहुनेछ।

र प्लेसहोल्डर लिङ्कमा विशेष स्टाइल थप गर्नुको साथै (म कसरी तल तल देखाउनेछु), लिंक क्लिक योग्य छैन। त्यसैले ग्राहकहरू भ्रमित हुन सक्दैनन् कि उनी नेभिगेसन लिङ्कमा क्लिक गर्दछन् भने उनीहरु केहि र केहि हुन सक्छन् जहाँ उनी हाल हुन्।

स्टाइलिंग प्लेसहोल्डर लिङ्कहरू

प्लेसहोल्डर लिङ्कहरू तपाईंको वेब पेजमा अन्य लिङ्कबाट फरक फरक शैली र शैली हुन्। बस एक ट्याग र एक दुवै को लागी शैली सुनिश्चित गर्नुहोस्: लिङ्क ट्याग। उदाहरणका लागि:

a {color: red; फन्ट-वजन: बोल्ड; पाठ सजावट: कुनै पनि होइन; } a: link {color: blue; फन्ट-वजन: सामान्य; पाठ सजावट: रेखांकन; }

यस CSS ले प्लेसहोल्डर लिङ्क बोल्ड र रातो बनाउनेछ, बिना रेखांकनको साथ। जब नियमित लिङ्क सामान्य वजन, नीलो अनि रेखांकित हुनेछ।

कुनै पनि शैली रिसेट गर्न ट्याग गर्नुहोस् कि तपाई ट्यागबाट लिनु हुँदैन। उदाहरणका लागि, मैले प्लेसहोल्डर लिंकको लागि बोल्ड गर्न फन्ट-वजन सेट गर्नुभयो, त्यसैले मैले यसलाई सेट गर्न थाल्नुभयो:

फन्ट-वजन: सामान्य;

मानक लिङ्कहरूको लागि। यो चयनकर्तासँग हटाउन, पाठ सजावटको साथ यो सही छ, यो को लागि हटाइएको थियो: लिङ्क चयनकर्ता यदि मैले यसलाई फिर्ता राखेन भने।