Skip to content

5. CSS Comments in Hindi

    css comments

    आज हम इस लेख मे CSS Comment के बारे मे पूरी जानकारी देंगे। आप जानेंगे की CSS comment क्या है? इसको कैसे CSS मे Add किया जाता है? और उसके कौन से फायदे है?


    Introduction of CSS Comments

    लगभग सभी programming languages मे आप comment को add कर सकते है। आप PHP, java, java script, html और कई सारी भाषाओ मे comment को add कर सकते है।

    CSS comment को browser के द्वारा ignore किया जाता है। मतलब की comment को कोई visitor नहीं देख पाता सिर्फ web master ही इसे देख पाता है।


    CSS Comments के फायदे

    1. जब एक से ज्यादा developers एक application या web page पर कार्य कर रहे तो तब developer comment की मदद से code को आसानी से समझ सकते है।
    2. जब किसी जानकारी Users को दिखाना नहीं चाहते हो तो बिना code को delete करे आप उसे छुपा सकते हो।
    3. Comment के द्वारा style sheet को अलग अलग section मे बाट सकते है।
    4. जब आप code को अन्य developers के साथ share करना चाहते हो तब आप code को comment कर सकते है। ताकि अन्य developers को code को समझने मे आसानी हो।

    CSS Comments को लिखने का तरीका

    CSS मे comments को लिखना बहोत ही आसान है।

    CSS Comment /* से start होता है और */ से खत्म होता है

    comments के दो तरह के प्रकार होते है

    1. single line comments
    2. Multi line comments

    single line comments

    single line comments को एक ही line मे लिखा जाता है।

    उदाहरण

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    /* This is a single-line comment */
    	h1 {
      		color: orange;
     		margin-left: 50px;
    	} 
    	p{
      		color: red;
    	}
    </style>
    </head>
    <body>
     
    	<h1>This is a heading</h1>
    	<p>This is a paragraph.</p>
     
    </body>
    </html>
    

    Comments को browser ignore कर देता है।


    Multi line comments

    single line comments को एक से ज्यादा line मे लिखा जाता है।

    उदाहरण

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    /* This is a 
    multi-line 
    comment */
    	h1 {
      		color: orange;
      		margin-left: 50px;
    	} 
    	p{
      		color: red;
    	}
    </style>
    </head>
    <body>
     
    	<h1>This is a heading</h1>
    	<p>This is a paragraph.</p>
     
    </body>
    </html>
    

    Next: color property in CSS in Hindi

    Leave a Reply

    Your email address will not be published. Required fields are marked *