एचटीएमएलमा लिङ्कहरूबाट रेखांकन हटाउन सजिलो तरिका सिक्नुहोस्

पाठ लिङ्क र समस्याहरू बाट रेखांकन हटाउन चरणहरू हटाउन चरणहरू

पूर्वनिर्धारित रूपमा, वा "एंकर" तत्त्व प्रयोग गरी HTML मा लिङ्क गरिएको पाठ सामग्री रेखांकनको साथ स्टाइल गरिएको छ। प्राय: वेब डिजाइनरहरूले रेखांकन हटाउन यो पूर्वनिर्धारित स्टाइललाई हटाउन छनौट गर्छन्।

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

तथापि यी पाठकहरूमा यी रेखाहरू राख्ने वैध लाभहरू छन्। उदाहरणको लागि, जब तपाईं ठूलो ब्लक पाठको माध्यमबाट ब्राउज गर्नुहुन्छ, उपयुक्त रंगको भिन्नतासँग जोडिएको लिङ्कहरू पाठकहरूलाई तुरून्तै पेज स्क्यान गर्न र सजिलो कहां देख्न सकिन्छ भनेर सजिलै बनाउँदछ। यदि तपाइँ यहाँ .com.com मा वेब डिज़ाइन लेखहरू हेर्नुहुन्छ, साथसाथै साइटमा अन्य लेखहरू, तपाईले यस रेखाको लिङ्कको लिंकलाई ठाँउमा हेर्नुहुनेछ।

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

त्यसैले तपाइँ कसरी रेखांकन बन्द गर्नुहुन्छ यदि तपाईं अझै पनि यो गर्न चाहनुहुन्छ? चूंकि यो एक दृश्य विशेषता हो हामी चिन्तित छौं, हामी हाम्रो वेबसाइट को भाग मा फर्कनेछौं जो सबै चीज भिजुअल हुन्छ - CSS।

लिङ्कहरूमा रेखांकन बन्द गर्न क्यासिंगिङ स्टाइल पानाहरू प्रयोग गर्नुहोस्

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

a {text-decoration: none; }

त्यो हो! त्यो सीएसएसको एक सरल रेखा रेखा रेखालाई बन्द गर्दथ्यो (जुन वास्तवमा सबै लिङ्कहरूमा "पाठ सजावट" को लागि CSS गुण प्रयोग गर्दछ।

तपाईं यस शैलीसँग अझ बढी प्राप्त गर्न सक्नुहुनेछ। उदाहरणका लागि, यदि तपाई "रेखा" तत्वको भित्र मात्र रेखांकन वा लिङ्कहरू बन्द गर्न चाहानुहुन्छ, तपाईले लेख्न सक्नुहुनेछ:

एक {text-decoration: none; }

अब, पृष्ठमा पाठ लिङ्कहरू पूर्वनिर्धारित रेखांकित हुनेछ, तर ती बीचमा यो हटाइनेछ।

एउटा चीज धेरै वेब डिजाइनर छनौट गर्ने छ जुन कसैले "पाठ" मा फिर्ता लिन्छ जब पाठ माथि हुन्छ। यो प्रयोग गर्नाले हुनेछ: होभर CSS pseudo-class, जस्तै यो:

a {text-decoration: none; } a: होवर {पाठ सजावट: रेखांकन; }

इनलाइन CSS प्रयोग गर्दै

बाह्यशैलीसिटमा परिवर्तन गर्न एक विकल्पको रूपमा, तपाइँले सीधा HTML मा तत्त्वमा शैलीहरू पनि थप्न सक्नुहुन्छ, जस्तै:

यो लिङ्कमा कुनै रेखांकन छैन

यो विधिसँग समस्या यो हो कि यो तपाईंको HTML संरचना भित्र शैली जानकारी राख्छ, जुन उत्तम अभ्यास होइन। स्टाइल (सीएसएस) र ढाँचा (HTML) लाई अलग राखिएको हुनुपर्छ।

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

बन्द गर्दै

वेब पृष्ठको पाठ लिङ्कबाट रेखांकन हटाउन सजिलो रूपमा, तपाइँले त्यसो गर्नका नतिजाहरू पनि ध्यान दिनुपर्छ। जबकि यो पृष्ठ साँच्चै पृष्ठ को देखो सफा गर्न सक्छ, यो समग्र उपयोगिता को खर्च मा यो गर्न सक्छ। अर्को खातामा "टेक्स्ट-सजावट" गुणहरू परिवर्तन गर्न अर्को पटक तपाईलाई लिनुहोस्।

जेनिफर क्रिनिन द्वारा मूल लेख। 9/19/16 मा जेरेमी गिरर्ड द्वारा सम्पादन गरियो