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