आपण वेबभोवती एक नजर टाकला आणि विविध वेब पेजेस कोड पाहिला असेल तर, आपण कदाचित लक्षात आले असेल की भिन्न साइट्समध्ये त्यांच्या बाह्य सीएसएस फायली वेगवेगळ्या पद्धतीने समाविष्ट आहेत - @import दृष्टिकोण वापरून किंवा त्याशी दुवा साधून सीएसएस फाइल @import आणि CSS साठीचा दुवा आणि आपण कसे ठरविले पाहिजे की आपल्यासाठी चांगले आहे? चला पाहुया!
& Amp; # 64; आयात आणि & lt; दुवा & gt;
आपली शैली पत्रके समाविष्ट करण्यासाठी कोणता पद्धत वापरण्याचा निर्णय घेण्यापूर्वी, आपल्याला दोन पद्धती कशा वापराव्या हे समजून घेणे आवश्यक आहे
- आपल्या वेब पृष्ठांवर बाह्य शैली पत्रक समाविष्ट करण्यासाठी दुवा साधणे ही प्रथम पद्धत आहे. आपला वेब पृष्ठ आपल्या शैली पत्रकाशी दुवा साधण्याचा हेतू आहे. हे आपल्या HTML दस्तऐवजाच्या
यामध्ये जोडले आहे:@import - आयात करणे आपल्याला एक शैली पत्रक दुसर्यामध्ये आयात करण्याची परवानगी देते. हे दुवा परिदृष्ट्यापेक्षा थोडा वेगळे आहे, कारण आपण एका लिंक्ड शैली पत्रकामध्ये शैली पत्रके आयात करू शकता. जर आपण आपल्या HTML दस्तऐवजाच्या शीर्षकामध्ये @import समाविष्ट केले आहे, तर असे लिहिले आहे:
<शैली प्रकार = "मजकूर / सीएसएस"> @ आयात url ("styles.css");मानक दृष्टिकोनातून, बाह्य शैली पत्रकाशी दुवा जोडणे किंवा आयात करणे यात काही फरक नाही. एकतर मार्ग बरोबर आहे आणि एकतर मार्ग तितकेच चांगले काम करेल (बहुतांश घटनांमध्ये). तथापि, आपण एकापेक्षा एक वापरू इच्छित काही कारणे आहेत.
का वापरा आयात & # 64;
बर्याच वर्षांपूर्वी, @import वापरण्यासाठी देण्यात आलेली सर्वात सामान्य कारणे (किंवा त्यासोबतच) म्हणजे जुने ब्राऊझर आयातचे ओळखू शकत नाहीत, म्हणून आपण त्यांच्याकडून शैली लपवू शकता आपली शैली पत्रके आयात करून, आपण मूलत: अधिक आधुनिक, मानक सुसंगत ब्राउझरवर उपलब्ध करून त्यांना जुन्या ब्राउझर आवृत्त्यांपासून "लपवत" असता.
@import पद्धतीच्या आणखी वापरासाठी एका पृष्ठावर एकाधिक स्टाईल शीटचा वापर करणे आहे, केवळ आपल्या दस्तऐवजाच्या
शी संबंधित एकच दुवा. उदाहरणार्थ, एखाद्या उपनियममध्ये साइटवरील प्रत्येक पृष्ठासाठी जागतिक शैली पत्रक असू शकते, उपविभागामध्ये अतिरिक्त शैली असणार्या, ज्या उप-विभागात केवळ लागू होतात. उप-विभागीय शैली पत्रकेशी दुवा साधून आणि त्या स्टाईल शीटच्या शीर्षस्थानी जागतिक शैली आयात करून, आपल्याला साइट आणि प्रत्येक उप-कलमासह सर्व शैलीसाठी एक अवाढव्य शैली पत्रक ठेवण्याची आवश्यकता नाही. केवळ आपल्याच शैली नियमांच्या आधी @import नियमांना येणे आवश्यक आहे. तसेच, हे लक्षात ठेवा की वारसा एक समस्या असू शकते.& Lt; दुवा & gt; वापरा का?
लिंक्ड स्टाईलशीट वापरण्याचे एक कारण म्हणजे आपल्या ग्राहकांकरिता वैकल्पिक शैली पत्रके प्रदान करणे. फायरफॉक्स, सफारी आणि ऑपेरा सारख्या ब्राऊजर rel = "वैकल्पिक स्टाइलशीट" गुणधर्माचे समर्थन करतात आणि जेव्हा उपलब्ध असेल तेव्हा दर्शकांना त्यांच्या दरम्यान स्विच करण्याची अनुमती मिळेल. IE मध्ये शैली पत्रक मध्ये स्विच करण्यासाठी आपण एक JavaScript स्विचर देखील वापरू शकता हे सहसा प्रवेशयोग्यता हेतूंसाठी झूम लेआउट्स सह वापरले जाते
@import चा वापर करण्याजोगी एक कमतरते म्हणजे तुमच्याकडे @import नियम असलेली एक अत्यंत सोपी
असल्यास, तुमचे पृष्ठ लोड होत असताना ते "अस्थिर आकृत्याची फ्लॅश" (एफवायसी) दाखवू शकतात. हे आपल्या प्रेक्षकांना विदूषक असू शकते. याचे एक सोपे निराकरण हे सुनिश्चित करण्यासाठी आहे की आपल्याकडे आपल्या मधील किमान एक अतिरिक्त किंवा