वेबसाइट की लुक और महसूस, या "शैली" सीएसएस (कैस्केडिंग स्टाइल शीट्स) द्वारा निर्धारित की जाती है। यह एक फ़ाइल है जिसे आप अपनी वेबसाइट की निर्देशिका में जोड़ देंगे जिसमें विभिन्न सीएसएस नियम होंगे जो आपके पृष्ठों के दृश्य डिजाइन और लेआउट को बनाएंगे।
जबकि साइटें कई स्टाइल शीट्स का उपयोग कर सकती हैं, और अक्सर करते हैं, ऐसा करने के लिए आवश्यक नहीं है। आप अपने सभी सीएसएस नियमों को एक फ़ाइल में रख सकते हैं, और वास्तव में ऐसा करने के लिए लाभ हैं, जिनमें तेजी से लोड समय और पृष्ठों का प्रदर्शन शामिल है क्योंकि उन्हें एकाधिक फ़ाइलों को लाने की आवश्यकता नहीं है। बहुत बड़े होने पर, एंटरप्राइज़ साइटों को कई बार अलग स्टाइल शीट की आवश्यकता हो सकती है, कई छोटी से मध्यम साइटें केवल एक फ़ाइल के साथ पूरी तरह ठीक हो सकती हैं। यही वह है जो मैं अपने अधिकांश वेब डिज़ाइन कार्य के लिए उपयोग करता हूं - एक ही सीएसएस फाइल जो मेरे पृष्ठों की सभी नियमों के साथ होती है। तो सवाल अब बन गया है - आपको इस सीएसएस फ़ाइल को क्या नाम देना चाहिए?
नामकरण सम्मेलन मूल बातें
जब आप अपने वेब पृष्ठों के लिए बाहरी स्टाइल शीट बनाते हैं, तो आपको अपनी HTML फ़ाइलों के लिए समान नामकरण सम्मेलनों के बाद फ़ाइल का नाम देना चाहिए:
विशेष पात्रों का प्रयोग न करें
आपको केवल अपने सीएसएस फ़ाइल नामों में अक्षरों, संख्या 0-9, अंडरस्कोर (_), और हाइफ़न (-) अक्षरों का उपयोग करना चाहिए। जबकि आपकी फ़ाइल सिस्टम आपको अन्य पात्रों के साथ फाइलें बनाने की अनुमति दे सकती है, आपके सर्वर ओएस में विशेष वर्णों के साथ समस्या हो सकती है। आप यहां वर्णित वर्णों का उपयोग करके सुरक्षित हैं। आखिरकार, यदि आपका सर्वर विशेष पात्रों की अनुमति देता है, तो हो सकता है कि यदि आप भविष्य में होस्टिंग प्रदाताओं को स्थानांतरित करने का निर्णय लेते हैं तो यह मामला नहीं हो सकता है।
किसी भी स्थान का उपयोग न करें
विशेष वर्णों की तरह, रिक्त स्थान आपके वेब सर्वर पर समस्याएं पैदा कर सकते हैं। अपने फ़ाइल नामों से बचने के लिए यह एक अच्छा विचार है। मैं इन समान सम्मेलनों का उपयोग करके पीडीएफ जैसे फाइलों को नाम देने का एक बिंदु भी बना देता हूं, बस अगर मुझे उन्हें किसी वेबसाइट पर जोड़ने की ज़रूरत होती है। अगर आपको लगता है कि फ़ाइल नाम को पढ़ने में आसान बनाने के लिए आपको एक जगह चाहिए, तो इसके बजाय हाइफ़न या अंडरस्कोर का चयन करें। उदाहरण के लिए, "यह file.pdf है" का उपयोग करने के बजाय मैं "यह-is-the-file.pdf" का उपयोग करूंगा।
फ़ाइल नाम एक पत्र के साथ शुरू करना चाहिए
हालांकि यह एक पूर्ण आवश्यकता नहीं है, कुछ सिस्टमों को फ़ाइल नामों में समस्या है जो एक पत्र से शुरू नहीं होते हैं। उदाहरण के लिए, यदि आप अपनी फ़ाइल को संख्या वर्ण के साथ शुरू करना चुनते हैं, तो इससे समस्याएं हो सकती हैं।
सभी लोअर केस का प्रयोग करें
हालांकि फ़ाइल नाम के लिए यह आवश्यक नहीं है, यह एक अच्छा विचार है, क्योंकि कुछ वेब सर्वर केस संवेदनशील होते हैं, और यदि आप फ़ाइल को किसी भिन्न मामले में भूल जाते हैं और संदर्भित करते हैं, तो यह लोड नहीं होगा। अपने काम में, मैं प्रत्येक फ़ाइल नाम के लिए कम केस वर्णों का उपयोग करता हूं। मैंने वास्तव में ऐसा कुछ पाया है जो कई नए वेब डिज़ाइनर को याद रखने के लिए संघर्ष करते हैं। फ़ाइल नामकरण करते समय उनकी डिफ़ॉल्ट कार्रवाई नाम के पहले अक्षर को कैपिटल करना है। इससे बचें और केवल लोअरकेस अक्षरों की आदत में आएं।
फ़ाइल नाम को जितना संभव हो उतना छोटा रखें
हालांकि अधिकांश ऑपरेटिंग सिस्टम पर फ़ाइल नाम आकार की सीमा है, लेकिन यह सीएसएस फ़ाइल नाम के लिए उचित है। अंगूठे का एक अच्छा नियम फ़ाइल नाम के लिए 20 से अधिक वर्ण नहीं है जिसमें एक्सटेंशन शामिल नहीं है। वास्तव में, उससे कहीं अधिक कुछ भी काम करने के लिए अनावश्यक है और वैसे भी लिंक!
आपके सीएसएस फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा
सीएसएस फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा फाइल का नाम नहीं है, बल्कि एक्सटेंशन है। मैकिंतोश और लिनक्स सिस्टम पर एक्सटेंशन की आवश्यकता नहीं है, लेकिन एक सीएसएस फ़ाइल लिखते समय किसी को भी शामिल करना एक अच्छा विचार है। इस तरह आप हमेशा यह जान लेंगे कि यह एक स्टाइल शीट है और भविष्य में यह निर्धारित करने के लिए फ़ाइल को खोलना नहीं है।
यह शायद एक बड़ा आश्चर्य नहीं है, लेकिन आपकी सीएसएस फ़ाइल पर विस्तार होना चाहिए:
.cssसीएसएस फ़ाइल नामकरण सम्मेलन
यदि आपके पास साइट पर केवल एक सीएसएस फ़ाइल होगी, तो आप जो भी चाहें उसका नाम दे सकते हैं। मैं या तो पसंद करता हूं:
शैलियों.css या default.cssचूंकि जिन साइटों पर मैं काम करता हूं उनमें से अधिकांश एक सीएसएस फाइलें शामिल हैं, ये नाम मेरे लिए अच्छा काम करते हैं।
यदि आपकी वेबसाइट एकाधिक सीएसएस फ़ाइलों का उपयोग करेगी, तो उनके फ़ंक्शन के बाद स्टाइल शीट का नाम दें ताकि यह स्पष्ट हो कि प्रत्येक फ़ाइल का उद्देश्य क्या है। चूंकि किसी वेब पेज में उनके साथ संलग्न कई स्टाइल शीट हो सकती हैं, इसलिए यह उस शीट के फ़ंक्शन और उसके भीतर की शैलियों के आधार पर आपकी शैलियों को अलग-अलग चादरों में विभाजित करने में मदद करती है। उदाहरण के लिए:
- लेआउट बनाम डिजाइन layout.css design.css
- पृष्ठ अनुभाग main.css nav.css
- उप-वर्ग mainstyles.css subpage.css के साथ पूरी साइट
यदि आपकी वेबसाइट किसी प्रकार की ढांचे का उपयोग करती है, तो आप शायद ध्यान दें कि यह कई सीएसएस फाइलों का उपयोग करता है, प्रत्येक पृष्ठ के विभिन्न हिस्सों या साइट के पहलुओं (टाइपोग्राफी, रंग, लेआउट इत्यादि) के लिए समर्पित हैं।
जेनिफर क्रिनिन द्वारा मूल लेख। जेरेमी गिरार्ड द्वारा 9/5/17 को संपादित किया गया