CSS कोड में कमेंट कैसे करें

CSS में कमेंट्स का उपयोग कैसे करें।

आप CSS स्टाइलशीट्स के अंदर कमेंट्स लिखते हैं ताकि कोड को संक्षेप में डॉक्यूमेंट (व्याख्या) किया जा सके, या तो अपने लिए या अपनी टीम के सदस्यों के लिए।

CSS में कमेंट्स लिखने के लिए हम निम्नलिखित सिंटैक्स/फॉर्मेट का उपयोग करते हैं:

/* This is a CSS comment */

/* */ फॉर्मेट CSS में कमेंट्स लिखने का एकमात्र तरीका है, इसलिए इसका उपयोग सिंगल और मल्टी-लाइन कमेंट्स दोनों के लिए किया जाता है।

/* This is a multi-line CSS comment. Also known as a block comment. */

नियम-सेट्स के अंदर CSS कोड को कमेंट आउट करने के लिए कमेंट सिंटैक्स का उपयोग करने के कुछ उदाहरण:

 .box { background-color: #000; padding: 1.5rem; /* border-radius: 4px; */ }

 .box { background-color: #000; padding: 1.5rem; /* border-radius: 4px; box-shadow: 5px 10px #888888; */ }

व्यवहार में, कमेंट्स का उपयोग कोड को डॉक्यूमेंट करने के लिए और कभी-कभी टेस्टिंग के दौरान कुछ स्टाइल डिक्लेरेशन्स को कमेंट आउट (निष्क्रिय) करने के लिए किया जाता है।

CSS कमेंट्स को JavaScript कमेंट्स के साथ भ्रमित न करें। JavaScript में /* */ (CSS जैसा ही फॉर्मेट) मल्टी-लाइन्स के लिए उपयोग किया जाता है, जबकि सिंगल लाइन कमेंट्स डबल फॉरवर्ड स्लैश // का उपयोग करते हैं।

• सिंगल-लाइन कमेंट्स को इनलाइन कमेंट्स भी कहा जाता है।
• मल्टी-लाइन कमेंट्स को ब्लॉक कमेंट्स भी कहा जाता है।

आपने कुछ प्रोजेक्ट्स देखे होंगे जहां वे अपने CSS कोड में सिंगल-लाइन कमेंट्स के लिए // का उपयोग कर रहे हैं। यदि आप थोड़ा ध्यान से देखेंगे तो आप देखेंगे कि वे CSS प्रीप्रोसेसर का उपयोग कर रहे हैं, जैसे Sass/SCSS, या Less, जो सिंगल-लाइन कमेंट्स की अनुमति देते हैं — बिल्कुल JavaScript की तरह। वेनिला (साधारण) CSS में, दुर्भाग्य से हमारे पास केवल /* */ है

क्या आपको अपने CSS कोड में कमेंट्स लिखने चाहिए?

जैसा कि मैंने HTML ट्यूटोरियल में कमेंट कैसे करें में समझाया, डेवलपर्स इस विषय पर असहमत हैं। कुछ मानते हैं कि आपका कोड स्पष्ट और स्व-व्याख्यात्मक होना चाहिए।

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

मैं किसी भी दिन स्पष्ट को अस्पष्ट पर प्राथमिकता दूंगा।

अपने कमेंट्स के बहुत अधिक जगह लेने और आपके पेज लोड को नुकसान पहुंचाने के बारे में चिंता न करें। कमेंट्स, या सामान्य रूप से टेक्स्ट, पेज लोडिंग स्पीड में सुधार के मामले में चिंता करने वाली आखिरी चीज़ है। इसके अलावा, ऐसे टूल्स हैं जो पोस्ट-प्रोसेसिंग के दौरान कमेंट्स को हटा सकते हैं।