मुझे अपनी सीएसएस स्टाइल शीट फ़ाइल का नाम क्या देना चाहिए?

वेबसाइट की लुक और महसूस, या "शैली" सीएसएस (कैस्केडिंग स्टाइल शीट्स) द्वारा निर्धारित की जाती है। यह एक फ़ाइल है जिसे आप अपनी वेबसाइट की निर्देशिका में जोड़ देंगे जिसमें विभिन्न सीएसएस नियम होंगे जो आपके पृष्ठों के दृश्य डिजाइन और लेआउट को बनाएंगे।

जबकि साइटें कई स्टाइल शीट्स का उपयोग कर सकती हैं, और अक्सर करते हैं, ऐसा करने के लिए आवश्यक नहीं है। आप अपने सभी सीएसएस नियमों को एक फ़ाइल में रख सकते हैं, और वास्तव में ऐसा करने के लिए लाभ हैं, जिनमें तेजी से लोड समय और पृष्ठों का प्रदर्शन शामिल है क्योंकि उन्हें एकाधिक फ़ाइलों को लाने की आवश्यकता नहीं है। बहुत बड़े होने पर, एंटरप्राइज़ साइटों को कई बार अलग स्टाइल शीट की आवश्यकता हो सकती है, कई छोटी से मध्यम साइटें केवल एक फ़ाइल के साथ पूरी तरह ठीक हो सकती हैं, जिसमें आपके पृष्ठों की सभी नियमों की आवश्यकता होती है। यह सवाल पूछता है "मुझे इस सीएसएस फ़ाइल को क्या नाम देना चाहिए"? "

नामकरण सम्मेलन मूल बातें

जब आप अपने वेब पृष्ठों के लिए बाहरी स्टाइल शीट बनाते हैं, तो आपको अपनी HTML फ़ाइलों के लिए समान नामकरण सम्मेलनों के बाद फ़ाइल का नाम देना चाहिए।

विशेष पात्रों का प्रयोग न करें

आपको केवल अपने सीएसएस फ़ाइल नामों में अक्षर ए-जेड, संख्या 0-9, अंडरस्कोर (_), और हाइफ़न (-) का उपयोग करना चाहिए। जबकि आपकी फ़ाइल सिस्टम आपको अन्य पात्रों के साथ फाइलें बनाने की अनुमति दे सकती है, आपके सर्वर ओएस में विशेष वर्णों के साथ समस्या हो सकती है। आप यहां वर्णित वर्णों का उपयोग करके सुरक्षित हैं। आखिरकार, यदि आपका सर्वर विशेष पात्रों के लिए अनुमति देता है, तो हो सकता है कि यदि आप भविष्य में होस्ट प्रदाताओं को स्थानांतरित करने का निर्णय लेते हैं तो यह मामला नहीं हो सकता है।

किसी भी स्थान का उपयोग न करें

विशेष वर्णों की तरह, रिक्त स्थान आपके वेब सर्वर पर समस्याएं पैदा कर सकते हैं। अपने फ़ाइल नामों से बचने के लिए यह एक अच्छा विचार है - आपको इन वेबसाइटों में उन्हें जोड़ने की आवश्यकता होने पर, इन समान सम्मेलनों का उपयोग करके पीडीएफ जैसे फाइलों को नाम देने का एक बिंदु भी बनाना चाहिए। यदि आप दृढ़ता से महसूस करते हैं कि फ़ाइल नाम को पढ़ने में आसान बनाने के लिए आपको एक स्थान की आवश्यकता है, तो इसके बजाय हाइफ़न या अंडरस्कोर का चयन करें। उदाहरण के लिए, "यह फ़ाइल.pdf" का उपयोग करने के बजाय "यह-is-the-file.pdf" का उपयोग करें।

फ़ाइल नाम एक पत्र के साथ शुरू करना चाहिए

हालांकि यह एक पूर्ण आवश्यकता नहीं है, कुछ सिस्टमों को फ़ाइल नामों में समस्या है जो एक पत्र से शुरू नहीं होते हैं। उदाहरण के लिए, यदि आप अपनी फ़ाइल को किसी संख्या के चरित्र से शुरू करना चुनते हैं, तो इससे लाइन के नीचे समस्याएं हो सकती हैं।

सभी लोअर केस का प्रयोग करें

हालांकि फ़ाइल नाम के लिए यह आवश्यक नहीं है, यह एक अच्छा विचार है, क्योंकि कुछ वेब सर्वर केस संवेदनशील होते हैं, और यदि आप फ़ाइल को किसी भिन्न मामले में भूल जाते हैं और संदर्भित करते हैं, तो यह लोड नहीं होगा। प्रत्येक फ़ाइल नाम के लिए निचले केस वर्णों का उपयोग करना हमेशा एक स्मार्ट तरीका है। वास्तव में, कई नए वेब डिज़ाइनर इसे करने के लिए याद रखने के लिए संघर्ष करते हैं - फ़ाइल नामकरण करते समय उनकी डिफ़ॉल्ट कार्रवाई नाम के पहले अक्षर को कैपिटल करना है। इससे बचें और केवल लोअरकेस अक्षरों की आदत में आएं।

फ़ाइल नाम को जितना संभव हो उतना छोटा रखें

हालांकि अधिकांश ऑपरेटिंग सिस्टम पर फ़ाइल नाम आकार की सीमा है, लेकिन यह सीएसएस फ़ाइल नाम के लिए उचित है। अंगूठे का एक अच्छा नियम फ़ाइल नाम के लिए 20 से अधिक वर्ण नहीं है जिसमें एक्सटेंशन शामिल नहीं है। वास्तव में, उससे भी ज्यादा कुछ भी काम करने के लिए और किसी भी तरह से लिंक करने के लिए अनावश्यक है।

आपके सीएसएस फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा

सीएसएस फ़ाइल नाम का सबसे महत्वपूर्ण हिस्सा फाइल का नाम नहीं है, बल्कि एक्सटेंशन है। मैकिंतोश और लिनक्स सिस्टम पर एक्सटेंशन की आवश्यकता नहीं है, लेकिन एक सीएसएस फ़ाइल लिखते समय किसी को भी शामिल करना एक अच्छा विचार है। इस तरह आप हमेशा यह जान लेंगे कि यह एक स्टाइल शीट है और भविष्य में यह निर्धारित करने के लिए फ़ाइल को खोलना नहीं है।

यह शायद एक बड़ा आश्चर्य नहीं है, लेकिन आपकी सीएसएस फ़ाइल पर विस्तार होना चाहिए:

.css

सीएसएस फ़ाइल नामकरण सम्मेलन

यदि आपके पास साइट पर केवल एक सीएसएस फ़ाइल होगी, तो आप जो भी चाहें उसका नाम दे सकते हैं। निम्नलिखित में से एक बेहतर है:

शैलियों.css या default.css

यदि आपकी वेबसाइट एकाधिक सीएसएस फ़ाइलों का उपयोग करेगी, तो उनके फ़ंक्शन के बाद स्टाइल शीट का नाम दें ताकि यह स्पष्ट हो कि प्रत्येक फ़ाइल का उद्देश्य क्या है। चूंकि किसी वेबपृष्ठ में उनसे जुड़ी कई स्टाइल शीट हो सकती हैं, इसलिए यह उस शीट के कार्य और उसके भीतर की शैलियों के आधार पर आपकी शैलियों को अलग-अलग चादरों में विभाजित करने में मदद करती है। उदाहरण के लिए:

• लेआउट बनाम डिजाइन

  layout.css design.css

• पेज अनुभाग

  main.css nav.css

• उप-वर्गों के साथ पूरी साइट

  mainstyles.css subpage.css

यदि आपकी वेबसाइट किसी प्रकार की ढांचे का उपयोग करती है, तो आप शायद ध्यान दें कि यह कई सीएसएस फाइलों का उपयोग करता है, प्रत्येक पृष्ठ के विभिन्न हिस्सों या साइट के पहलुओं (टाइपोग्राफी, रंग, लेआउट इत्यादि) के लिए समर्पित हैं।

जेरेमी गिरार्ड द्वारा संपादित