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

HTML, CSS और JavaScript में कमेंट कैसे करें

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

यह देखने के लिए पढ़ें कि HTML, CSS और JavaScript कोड में टिप्पणियाँ कैसे बनाई जाती हैं!

HTML में कमेंट कैसे लिखें

एकल लाइन HTML टिप्पणियाँ

HTML की एक पंक्ति पर टिप्पणी करने के लिए, टिप्पणी टैग के बीच उस पाठ या कोड को रखें जिस पर आप टिप्पणी कर रहे हैं:<!-- -->

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

<!-- The text in here will be invisible on the website -->
<div class="content">
  Here's some regular HTML content!
</div>

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

HTML, CSS और JavaScript में कमेंट कैसे करें

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

HTML, CSS और JavaScript में कमेंट कैसे करें

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

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

यहां एक बहुपंक्ति HTML टिप्पणी का एक उदाहरण दिया गया है:

<!-- 
  The text in here will be invisible on the website!
  Here's another line of the comment.
  You can have as many lines as you want! 😁
-->
<div class="content">
  And here's that regular HTML content again.
</div>

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

HTML, CSS और JavaScript में कमेंट कैसे करें

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

HTML, CSS और JavaScript में कमेंट कैसे करें

CSS में कमेंट कैसे लिखें

एकल पंक्ति सीएसएस टिप्पणियां

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

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

/* This text will be ignored by the browser! */
.description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #202020;
}

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

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

यहां बताया गया है कि एक बहुपंक्ति वाली CSS टिप्पणी कैसी दिखेगी:

/* 
  This text will be ignored by the browser! 
  And this will also be included in the comment!
  One last line of comment for good measure 😁
*/
.description {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #202020;
}

जावास्क्रिप्ट में टिप्पणियां कैसे लिखें

सिंगल लाइन JavaScript कमेंट

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

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

// This text is a comment and will be ignored!

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

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

console.log('Test code here!'); // This is a console log message

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

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

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

/* 
  Function: doSomeAwesomeThing()
  This does something awesome, but I don't know what! 
*/

function doSomeAwesomeThing(){
  console.log('Run awesome function');
}

समापन में

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

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


  1. कैसे सीएसएस और जावास्क्रिप्ट के साथ एक उत्तरदायी स्लाइड शो बनाने के लिए?

    सीएसएस और जावास्क्रिप्ट का उपयोग करके एक प्रतिक्रियाशील स्लाइड शो बनाने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> * {    box-sizing: border

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

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

  1. सीएसएस और जावास्क्रिप्ट के साथ स्क्रॉल पर हेडर को कैसे सिकोड़ें?

    सीएसएस और जावास्क्रिप्ट के साथ स्क्रॉल पर हेडर को सिकोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-fa