Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> प्रोग्रामिंग

HTML, CSS और JavaScript में टिप्पणी कैसे करें

अपने कोड में टिप्पणियां जोड़ना नोट्स शामिल करने का एक उपयोगी तरीका है जो आपको या दूसरों को समझाता है कि कोड क्या करता है। कोड या अन्य टेक्स्ट जिसे टिप्पणी किया गया है, ब्राउज़र द्वारा अनदेखा किया जाता है।

पढ़ें कि HTML, CSS और JavaScript कोड में टिप्पणियां कैसे बनाएं!

HTML में टिप्पणियां कैसे लिखें

सिंगल लाइन HTML टिप्पणियां

HTML की एक लाइन को टिप्पणी करने के लिए, टेक्स्ट या कोड को टिप्पणी टैग्स के बीच रखें: <!-- -->।

कोड में यह इस तरह दिखता है:

<!-- यहां का टेक्स्ट वेबसाइट पर अदृश्य होगा --> <div class="content"> यहां कुछ नियमित HTML कंटेंट है! </div>

जब आप वेबसाइट लोड करते हैं, तो HTML टिप्पणी पेज पर दिखाई नहीं देगी:

HTML, CSS और JavaScript में टिप्पणी कैसे करें

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

HTML, CSS और JavaScript में टिप्पणी कैसे करें

मल्टीलाइन HTML टिप्पणियां

एक मल्टीलाइन या ब्लॉक HTML टिप्पणी बनाने के लिए, आप अभी भी टिप्पणी (<!-- -->) टैग्स का उपयोग करते हैं, लेकिन आप अपनी टिप्पणी में एक से अधिक लाइन रख सकते हैं। जब तक आप टिप्पणी टेक्स्ट को टैग्स के बीच रखते हैं, यह टिप्पणी में शामिल होगा।

यहां एक मल्टीलाइन HTML टिप्पणी का उदाहरण है:

<!-- यहां का टेक्स्ट वेबसाइट पर अदृश्य होगा! टिप्पणी की एक और लाइन। आप जितनी चाहें उतनी लाइनें रख सकते हैं! 😁 --> <div class="content"> और यहां फिर से नियमित HTML कंटेंट है। </div>

यह वेबसाइट पर इस तरह दिखेगा:

HTML, CSS और JavaScript में टिप्पणी कैसे करें

और आप इंस्पेक्टर में पूरी HTML टिप्पणी देख सकते हैं:

HTML, CSS और JavaScript में टिप्पणी कैसे करें

CSS में टिप्पणियां कैसे लिखें

सिंगल लाइन CSS टिप्पणियां

सिंगल लाइन CSS टिप्पणी बनाने के लिए, टिप्पणी टेक्स्ट या कोड को /* */ टैग्स के बीच रखें।

यहां एक उदाहरण है:

/* यह टेक्स्ट ब्राउज़र द्वारा अनदेखा किया जाएगा! */ .description { font-size: 1rem; line-height: 1.25rem; color: #202020; }

मल्टीलाइन CSS टिप्पणियां

मल्टीलाइन या ब्लॉक CSS टिप्पणियां लिखने के लिए, आप उसी /* */ टैग्स का उपयोग कर सकते हैं, और टिप्पणी कंटेंट को कई लाइनों पर रख सकते हैं।

यहां एक मल्टीलाइन CSS टिप्पणी कैसी दिखेगी:

/* यह टेक्स्ट ब्राउज़र द्वारा अनदेखा किया जाएगा! और यह भी टिप्पणी में शामिल होगा! अच्छे उपाय के लिए टिप्पणी की एक आखिरी लाइन 😁 */ .description { font-size: 1rem; line-height: 1.25rem; color: #202020; }

JavaScript में टिप्पणियां कैसे लिखें

सिंगल लाइन JavaScript टिप्पणियां

JavaScript में एक सिंगल लाइन टिप्पणी बनाने के लिए, लाइन को दो फॉरवर्ड स्लैश (//) से शुरू करें।

इसका एक उदाहरण यहां दिया गया है:

// यह टेक्स्ट एक टिप्पणी है और अनदेखा किया जाएगा!

आप कुछ कोड के साथ उसी लाइन पर एक सिंगल लाइन टिप्पणी भी जोड़ सकते हैं। जब तक टिप्पणी उस लाइन पर अंतिम कंटेंट है, यह काम करेगा।

यह इस तरह दिखेगा:

console.log('Test code here!'); // यह एक कंसोल लॉग संदेश है

मल्टीलाइन JavaScript टिप्पणियां

यदि आप JavaScript में एक मल्टीलाइन या ब्लॉक टिप्पणी बनाना चाहते हैं, तो टिप्पणी टेक्स्ट को /* */ टैग्स के बीच घेरें। (यह CSS में समान विधि है।)

यह इस तरह दिखेगा:

/* फ़ंक्शन: doSomeAwesomeThing() यह कुछ बढ़िया करता है, लेकिन मुझे नहीं पता क्या! */ function doSomeAwesomeThing(){ console.log('Run awesome function'); }

समापन में

HTML, CSS, और JavaScript में अपने कोड में टिप्पणियां जोड़ने से अन्य लोगों को यह समझने में मदद मिलेगी कि आपका कोड किस बारे में है।

यह तब भी उपयोगी होता है जब आप विकास में किसी प्रोजेक्ट पर काम कर रहे हों और टेस्टिंग के दौरान अस्थायी रूप से कुछ कोड को टिप्पणी करने की आवश्यकता हो। लेकिन बस यह सुनिश्चित करें कि प्रोडक्शन कोड में टिप्पणियां न छोड़ें!

  1. CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो कैसे बनाएं? CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो कैसे बनाएं?

    CSS और JavaScript से रिस्पॉन्सिव स्लाइडशो बनाने का कोड निम्नलिखित है:उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * {    box-sizing: border-box; } .Slide {    d

  1. CSS और JavaScript से ट्री व्यू कैसे बनाएं? CSS और JavaScript से ट्री व्यू कैसे बनाएं?

    CSS और JavaScript से ट्री व्यू बनाने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&q

  1. CSS और JavaScript से स्क्रॉल पर हेडर सिकोड़ें कैसे करें? CSS और JavaScript से स्क्रॉल पर हेडर सिकोड़ें कैसे करें?

    CSS और JavaScript से स्क्रॉल पर हेडर सिकोड़ने के लिए, कोड निम्नानुसार है -उदाहरण<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "S