टेक्स्ट लिंक और मुद्दों से अवगत होने के बारे में जागरूक होने के लिए कदम
डिफ़ॉल्ट रूप से, या "एंकर" तत्व का उपयोग कर HTML से लिंक की गई टेक्स्ट सामग्री को एक रेखांकित के साथ स्टाइल किया जाता है। अक्सर, वेब डिज़ाइनर अंडरलाइन को हटाकर इस डिफ़ॉल्ट स्टाइल को हटाने का विकल्प चुनते हैं।
कई डिजाइनर रेखांकित पाठ के रूप में विशेष रूप से बहुत सारे लिंक वाले सामग्री के घने ब्लॉक में नहीं देखते हैं। उन सभी रेखांकित शब्दों में वास्तव में दस्तावेज़ के पढ़ने के प्रवाह को तोड़ सकता है। कई ने तर्क दिया है कि उन रेखांकितों में वास्तव में शब्दों को सरल रूप से अलग करने और पढ़ने के लिए कड़ी मेहनत की जाती है क्योंकि प्राकृतिक लेटरफॉर्म में बदलाव करने के तरीके को रेखांकित किया जाता है।
हालांकि, टेक्स्ट लिंक पर इन रेखांकितों को बनाए रखने के वैध लाभ हैं। उदाहरण के लिए, जब आप टेक्स्ट के बड़े ब्लॉक के माध्यम से ब्राउज़ करते हैं, तो उचित रंग विपरीत के साथ रेखांकित रेखांकित पाठकों को तुरंत पृष्ठ को स्कैन करना और लिंक कहां देखना है। यदि आप यहां पर वेब डिज़ाइन लेखों को देखते हैं, साथ ही साथ साइट पर अन्य लेख भी देखते हैं, तो आप जगह पर रेखांकित लिंक की इस स्टाइल को देखेंगे।
यदि आप टेक्स्ट से लिंक को हटाने का निर्णय लेते हैं (एक साधारण प्रक्रिया जिसे हम जल्द ही कवर करेंगे), तो उस पाठ को स्टाइल करने के तरीकों को ढूंढने के लिए सुनिश्चित करें कि सादे पाठ से लिंक क्या है। यह अक्सर उपर्युक्त रंग के विपरीत के साथ किया जाता है, लेकिन रंग अकेले रंगहीनता जैसे दृश्य विकार वाले आगंतुकों के लिए समस्या पैदा कर सकता है। उनके रंगीन अंधेरे के विशेष रूप के आधार पर, उन पर विपरीत रूप से खो दिया जा सकता है, जिससे उन्हें लिंक और गैर-लिंक किए गए टेक्स्ट के बीच अंतर देखने से रोका जा सकता है। यही कारण है कि रेखांकित पाठ अभी भी लिंक दिखाने का सबसे अच्छा तरीका माना जाता है।
तो यदि आप अभी भी ऐसा करना चाहते हैं तो आप एक रेखांकन कैसे बंद कर देते हैं? चूंकि यह एक दृश्य विशेषता है जिसके बारे में हम चिंतित हैं, हम अपनी वेबसाइट के उस हिस्से में बदल जाएंगे जो सभी चीजों को दृश्य-सीएसएस को संभालता है।
लिंक पर अंडरलाइन को बंद करने के लिए कैस्केडिंग स्टाइल शीट का उपयोग करें
ज्यादातर मामलों में, आप केवल एक टेक्स्ट लिंक पर एक रेखांकन को बंद नहीं करना चाहते हैं। इसके बजाए, आपकी डिज़ाइन शैली की संभावना है कि आप सभी लिंक से अंडरलाइन को हटा दें। आप अपनी बाहरी स्टाइल शीट में शैलियों को जोड़कर ऐसा करेंगे।
एक {पाठ-सजावट: कोई नहीं; }बस! सीएसएस की एक साधारण रेखा सभी लिंक पर अंडरलाइन (जो वास्तव में "टेक्स्ट-सजावट" के लिए सीएसएस संपत्ति का उपयोग करती है) को बंद कर देगी।
आप इस शैली के साथ और अधिक विशिष्ट हो सकते हैं। उदाहरण के लिए, यदि आप केवल "नौसेना" तत्व के अंदर रेखांकित या लिंक को बंद करना चाहते हैं, तो आप लिख सकते हैं:
नौसेना {पाठ-सजावट: कोई नहीं; }अब, पृष्ठ पर टेक्स्ट लिंक डिफ़ॉल्ट रेखांकन प्राप्त करेंगे, लेकिन नौसेना के लोग इसे हटा देंगे।
एक बात यह है कि कई वेब डिज़ाइनर ऐसा करने का विकल्प चुनते हैं जब कोई टेक्स्ट टेक्स्ट पर हो जाता है तो लिंक को "चालू" करना है। यह होवर सीएसएस छद्म-वर्ग का उपयोग करके किया जाएगा: इस तरह:
एक {पाठ-सजावट: कोई नहीं; } ए: होवर {टेक्स्ट-सजावट: अंडरलाइन; }इनलाइन सीएसएस का उपयोग करना
बाहरी स्टाइलशीट में परिवर्तन करने के विकल्प के रूप में, आप एचटीएमएल में तत्वों को सीधे तत्वों में भी जोड़ सकते हैं, जैसे:
इस लिंक में कोई रेखांकन नहीं हैइस विधि के साथ समस्या यह है कि यह आपकी एचटीएमएल संरचना के अंदर शैली की जानकारी रखती है, जो कि सबसे अच्छा अभ्यास नहीं है। स्टाइल (सीएसएस) और संरचना (एचटीएमएल) अलग रखा जाना चाहिए।
यदि आप चाहते हैं कि साइट के सभी लिंक लिंक को अंडरलाइन हटा दिया जाए, तो प्रत्येक शैली के लिए इस शैली की जानकारी को व्यक्तिगत आधार पर जोड़ना मतलब होगा कि आपकी साइट के कोड में अतिरिक्त मार्कअप जोड़ा जा रहा है। यह पृष्ठ ब्लोट साइट के लोड समय को धीमा कर सकता है और समग्र पृष्ठ प्रबंधन को और अधिक चुनौतीपूर्ण बना सकता है। इन कारणों से, सभी पेज स्टाइल की ज़रूरतों के लिए हमेशा बाहरी स्टाइल शीट पर जाना बेहतर होता है।
बंद होने को
एक वेब पेज के टेक्स्ट लिंक से अंडरलाइन को हटाने के लिए जितना आसान है, आपको ऐसा करने के परिणामों के बारे में भी ध्यान रखना चाहिए। हालांकि यह वास्तव में एक पृष्ठ के रूप को साफ कर सकता है, यह समग्र उपयोगिता के खर्च पर ऐसा कर सकता है। अगली बार जब आप किसी पृष्ठ की "टेक्स्ट-सजावट" गुणों को बदलने पर विचार करते हैं तो इसे ध्यान में रखें।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 9/19/16 को संपादित किया गया