Learn More

HTML Comments | कमेंट tags in Hindi | टिप्पणी

HTML में कुछ कोड या लाइन ऐसी होती हैं जिन्हें यदि हमें ब्राउज़र से छिपा के रखना होता हैं तब हम HTML comments tags का उपयोग करते हैं ।

Comments  tags | HTML in Hindi 

साधारण Hindi भाषा में कहे तो जब हम बहुत कठिन HTML कोड करते हैं तो उस section को समझने के लिए हम वहां पर comments लिख देते हैं जिस से कोड को समझना आसान हो जाता हैं ।

या यदि आपको कोई कोड अभी उपयोग नहीं करना हैं ओर उस कोड की आपको बाद में  जरुरत पड़ती हैं और आप उस HTML कोड को Hide करके रखना चाहते हो जिस से वो ब्राउज़र पर बिलकुल भी दिखाई (show) न हो तब आप उस कोड को comment कर सकते हैं जिस से वह कोड ब्राउज़र पर नही दिखेगा और बाद में जब भी आपको जरुरत हो आप comment हटा कर उस कोड का उपयोग कर सकते हैं ।

Comments का उपयोगे HTML कोड को छिपाने जिस से वह ब्राउज़र पर रन नहीं होता या HTML कोड section का instructions (अनुदेश) लिखने जिस से कोड को समझना आसान हो जाता ।

 HTML में comment करने के लिए जिस भी लाइन या कोड को comment करना हैं उस  <!--   --> इन tags के अंदर लिखा जाता ।

HTML comments tags का उदाहरण

<!DOCTYPE html>
<html>
<head>
 
<title> Techno Smarter  </title>
</head>
 
<body>

This is a simple paragraph for body content....

</body> </html>

Output

This is a simple paragraph for body content.... 

चलिए उद्धरण से समझते हैं की किस तरह से HTML में कोड लाइन को comment किया जाता हैं ।

 

उपर दिए गए example में हमने कई लाइनों को comment किया हैं ओर जब हम रन (run) करते हैं तो कमेंट की गयी लाइने ब्राउज़र पर display नहीं होती हैं ।

इस उदाहरण में हमने केवल single लाइन को comment करना सिखा हैं परन्तु यदि हमने multiple लाइन को comment करना पड़े तब हम multiple लाइन comment process का उपयोग करते हैं ।

HTML multiple line comments –

HTML पेज बनाने में कितने भी लाइन का कोड लिखा जा सकता हैं यदि आपको कुछ लाइन को comment करना हैं की ये ब्राउज़र पर ना दिखे तब आप  इन्ही tags <!--   --> का उपयोग कुछ इस प्रकार कर सकते हैं ।

<!DOCTYPE html>
<html>
<head>
 
<title> HTML comment tag in Hindi  </title>
</head>
<body>

We are learning HTML multiple-line comments in Hindi ...

</body> </html>

Output

We are learning HTML multiple-line comments in Hindi ...

उपर दिए गए उदाहरण में हमने कई लाइनों को comment किया हैं जब हम HTML पेज को रन करते हैं तब ये लाइन ब्राउज़र पर शो(show, display) नही होती हैं ।

इसे हम HTML multiple लाइन comment प्रोसेस कहते हैं ।  

स्क्रिप्ट कोड को comment करना | comment Script Code in HTML 

JAVA स्क्रिप्ट के बारे में तो आप जानते ही होंगे जिसके द्वारा HTML पेज के behavor (व्यवहार) को बदला जा सकता हैं ।

HTML में <head> टैग में लिखे JS कोड को भी आप कुछ इस प्रकार comment कर सकते हैं जिस से वह js कोड HTML पेज पर कोई इफ़ेक्ट नही डाल सकता हैं । JS code को कमेंट करने के लिए
/* ..... */ tags का उपयोग किया जाता हैं।

<!DOCTYPE html>
<html>
<head>
<title> Comment Javascripts in HTML  </title> 
<script> 
/*
 document.write("HTML in Hindi!") ; 
alert("Comment JS" );  
*/ 
</script> 
</head>
<body>

We are commenting Javascripts code in the HTML page inside the head tag.

</body> </html>

Output

We are commenting Javascripts code in the HTML page inside the head tag.

उपर दिए गए उदाहरण में आप देख सकते हैं की हमने js कोड को comment किया हैं ।

यदि आपको HTML पेज में Javascript कोड को comment करना हैं तब आप उपर दिए गए उदाहरण की तरह कर सकते हैं या javascript के उपर कोई instruction को लिख कर comment कर सकते हैं ।

स्टाइलशीट कोड को comment करना | comment stylesheet Code in HTML 

HTML पेज को डिजाईन करने के लिए हम CSS stylesheet का उपयोग करते हैं । जब हम HTML पेज के अंदर <head> टैग में stylesheet बनाते हैं तब उसे हम internal CSS के नाम से जानते हैं । CSS को HTML में कितने प्रकार से use किया जाता हैं यहाँ पढ़िए ।

HTML में लिखी CSS को भी हम comment कर सकते हैं जिस से उसका इफ़ेक्ट HTML पेज से hide हो जाता हैं या CSS के उपर को instruction लाइन लिखनी हैं तब भी हम उस लाइन को लिख कर comment कर सकते हैं । CSS को comment करने के लिए /*......*/ tags का ही उपयोग किया जाता हैं ।

<!DOCTYPE html>
<html>
<head>
<title> Comment stylesheet in HTML  </title> 
<style> 
/*
.myheader{
 height:45px;
width:100%;
background-color:black;
color:white;  
*/
</style> 
</head>
<body>

Welcome to our Website .

</body> </html>

Output

Welcome to our Website.

उपर दिए गए उदाहरण में आप देख सकते हैं की हमने CSS class को comment कर दिया हैं  जिसके बाद कोड रन करने पर HTML पेज पर उसका कोई इफ़ेक्ट नही आता हैं ।

इस तरह से elements को hide करने के लिए HTML comments tags का उपयोग किया जाता हैं ।

Recommended Posts:-

Previous Posts:-