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