CSS को लागि @import र लिङ्क बीचको के फरक छ?

यदि तपाईंले वेबको वरिपरि एक नज़र लिनुभयो र विभिन्न वेब पृष्ठहरूको कोड देख्नुभयो, तपाइँले देख्न सक्नु भएको एउटा कुरा हो कि फरक साइटहरूमा बाह्य CSS फाइलहरू विभिन्न तरिकाहरूमा - वा @import दृष्टिकोणको प्रयोग गरी वा त्यससँग लिङ्क गरेर समावेश गर्दछ। CSS फाइल। @import र सीएसएस को लागि लिंक को बीच अंतर के छ र कसरि तपाईं निर्णय को लागि कसरि एक को लागि राम्रो छ निर्णय गरे? हेर्नुस्

# 64; आयात र & lt; लिङ्क & gt;

तपाईंको शैली पानाहरू समावेश गर्न कुन विधि प्रयोग गर्न निर्णय गर्नु अघि, तपाइँले बुझ्न को लागी दुई विधिहरू प्रयोग गर्ने उद्देश्य थियो।

- तपाईंको वेब पेजहरूमा बाह्य शैली पाना सहितको लागि लिङ्किङ पहिलो विधि हो। यो तपाईंको वेब पेज सँग तपाइँको शैली पानाको साथ लिङ्क गर्ने उद्देश्य हो। यो तपाईंको एचटीएमएल कागजातको यो थपिएको छ:

@ आयात - आयातले तपाईंलाई एक शैली पाना आयात गर्न अनुमति दिन्छ अर्कोमा। यो लिंक परिदृश्य भन्दा सानो छ, किनकि तपाइँ लिङ्क गरिएको शैली पाना भित्र शैली पाना आयात गर्न सक्नुहुनेछ। यदि तपाईं आफ्नो एचटीएमएल कागजातको शीर्षमा @import समावेश गर्नुहुन्छ भने, यो यस्तो लेखिएको छ:

<शैली प्रकार = "पाठ / सीएसएस"> @ आयात url ("styles.css");

मानक दृष्टिकोणबाट, बाह्य शैली पानासँग जोड्नु वा आयात गर्न कुनै फरक छैन। कुनै पनि तरिका सही छ र त पनि तरिका समान तरिकाले काम गर्नेछ (अधिकांश अवस्थामा)। यद्यपि, केही कारणहरू छन् जुन तपाईं अर्कोमा प्रयोग गर्न चाहानुहुन्छ।

किन प्रयोग & # 64; आयात?

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

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

किन प्रयोग गर्नुहोस् & lt; link & gt ;?

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

@import को उपयोग गर्न को लागी एक कमी को एक छ कि यदि तपाईंसँग धेरै सरल छ यसमा केवल @import नियम संग, तपाईले पृष्ठहरू "फ्यास्क्रिप्ट सामग्रीको फ्ल्यास" (FOUC) प्रदर्शन गर्न सक्नुहुने हुन सक्छ। यो तपाईंको दर्शकहरूको लागि जरिवाना हुन सक्छ। यो सरल सजिलो हो कि तपाईंको कम्तीमा एक अतिरिक्त <लिंक> वा <स्क्रिप्ट> तत्त्व तपाईंको मा रहेको छ।

मिडिया प्रकारको बारेमा के हो?

धेरै लेखकहरूले यो कथन बनाउँछन् कि तपाईले पुरानो ब्राउजरबाट शैली पाना लुकाउन मिडिया प्रकार प्रयोग गर्न सक्नुहुनेछ। प्रायः, यो यो @import वा को उपयोग गर्न को लागी लाभ को रूप मा उल्लेख गर्दछ, तर सत्य हो कि तपाईं कुनै तरिका संग मीडिया प्रकार को सेट गर्न सक्छन्, र पुराना ब्राउजरहरु जो मीडिया प्रकार को समर्थन नहीं गर्छन, उनलाई या तो ।

त्यसकारण तपाईंले कुन तरिका प्रयोग गर्नुपर्छ?

व्यक्तिगत रूपमा, म र त्यसपछि शैली पानाहरू मेरो बाह्य शैली पानाहरूमा आयात गर्न मनपर्छ, जस्तै आज धेरै डिजाइनरहरू। त्यसमा मेरो HTML हरूमा समायोजन गर्न मेरो कोडको 1 वा 2 रेखाहरू मात्र छन्। तर तल्लो रेखा यो तपाईंमाथि छ। यदि तपाईं @import सँग अधिक सहज हुनुहुन्छ भने, यसको लागि जानुहोस्! दुवै विधिहरू मान्य अनुरूप छन् र जबसम्म तपाईं पुरानो ब्राउजरहरू समर्थन गर्न योजना बनाउनुहुन्न भने, त्यहाँ प्रयोग गर्ने कुनै बलियो कारण छैन।

जेरेमी गिरर्ड द्वारा 2/7/17 मा सम्पादित