Ticker

6/recent/ticker-posts

What Is HTML Comments In Hindi?

2.4 Wireless July 09, 2021

HTML Comments


HTML Comments क्या हैं?

HTML Comments वह कोड होता हैं, जिसे ब्राउज़र द्वारा पढ़ा नहीं जा सकता हैं। अर्थात कमेंट टैग के अंदर जो कमेंट लिखा जाता हैं। इसे केवल डेवेलपर्स और ब्राउज़रों ही देख सकते हैं। मतलब एन्ड यूजर इसे देख नहीं सकता हैं और यह Comment कोड वेबपेज में शो भी नहीं होता हैं।

HTML वेबपेज की कोडिंग में कमैंट्स का उपयोग करना एक प्रोफ़ेशनल स्किल हैं। जो आपको एक प्रोफ़ेशनल वेब डेवलपर की केटेगरी में लाती हैं। आमतौर पर अधिक अनुभवी वेब डेवेलपर्स HTML Comments का उपयोग करते हैं।

इस HTML Comments का उपयोग इसलिए भी किया जाता हैं जब एक वेबपेज की कोडिंग बहुत ज्यादा करना होती हैं और कोडिंग करने के लिए उस कंटेंट्स को कमेंट कोड से डिफाइन करने पर हमे यह पता चला जायगा की इसमें किसकी कोडिंग की गयी हैं।जिसके कारण उस कोड को ढूँढना ओर भी सरल हो जाता हैं। आप इसको नीचे दिए गए उदाहरण द्वारा ओर भी अच्छे से समझेंगे।

HTML वेबपेज में कमेंट टैग द्वारा कमेंट को परिभाषित किया जाता हैं। लेकिन HTML5 में कमेंट टैग को हटा दिया गया हैं। फिर भी कुछ browsers, कमेंट टैग भी सपोर्ट करते हैं।

Syntax of HTML Comments :

एक कमैंट्स टैग के सिंटेक्स में तीन पार्ट्स होते हैं।

  1. ओपनिंग
  2. क्लोजिंग
  3. कमेंट टेक्स्ट या कंटेंट

1. ओपनिंग :ओपनिंग में less than symbol (<), Exclamation मार्क (!) और दो dash (--) होते हैं। जिसे ओपनिंग टैग भी कहते हैं।

2. क्लोजिंग :क्लोजिंग में दो डैश (--) और एक greater than symbol (>) होते हैं। जिसे क्लोजिंग टैग भी कहते हैं।

3. कमेंट टेक्स्ट या कंटेंट :ओपनिंग टैग और क्लोजिंग टैग के अंदर जो लिखा जाता हैं, उसे कमेंट टेक्स्ट या कंटेंट कहते हैं।

अर्थात हम इन तीनो को एक साथ लिखते हैं तो कमेंट टैग क्रिएट होता हैं। जो इस तरह से दिखाई देता हैं

<!-- Comments Text -->

अब हम Comments Tag को उदाहरण द्वारा समझेंगे।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>Comments Tag</title>
</head>
<body>
     <!--Tutorial हैडिंग Start-->
     <h2>2.4 Wireless</h2>
     <!--Tutorial हैडिंग Close-->

     <!--Tutorial Paragraph Start-->
     <p>Welcome to 2.4 Wireless</p>
     <!--Tutorial Paragraph Close-->
</body>
</html>

Output :

2.4 Wireless

Welcome to 2.4 Wireless


Types of Comments in Hindi

माने तो कमैंट्स के कोई भी प्रकार नहीं बताया जाता हैं, परन्तु इस टुटोरिअल में हमनें कमैंट्स को अच्छे से समझने के लिए तीन प्रकार के कमैंट्स को बतायें हैं, जो निम्न हैं :

  1. एक लाइन कमेंट (Single Line Comment)
  2. एक से अधिक लाइन कमेंट (Multi Line Comment)
  3. नियमबद्ध लाइन कमेंट (Conditional Line Comment)

1. एक लाइन कमेंट (Single Line Comment) :

HTML डाक्यूमेंट्स में सिंगल लाइन कमेंट का उपयोग सिर्फ एक लाइन (सिंगल लाइन) पर कमेंट करने के लिए किया जाता हैं, जिसे सिंगल लाइन कमेंट कहते हैं। जिसे निम्न प्रकार से डिफाइन किया जाता हैं :

<!-- सिंगल लाइन कमेंट -->

2. एक से अधिक लाइन कमेंट (Multi Line Comment) :

HTML डाक्यूमेंट्स में मल्टी लाइन कमेंट का उपयोग सिर्फ एक से अधिक लाइन (मल्टी लाइन) पर कमेंट करने के लिए किया जाता हैं, जिसे मल्टी लाइन कमेंट कहते हैं। जिसे निम्न प्रकार से डिफाइन किया जाता हैं :

<!-- Multi Line Comment 
2.4 Wireless 
Welcome to 2.4 Wireless -->

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <title>Multi Line Comment</title>
</head>
<body>
     <h1>Multi Line Comment</h1>
     <!--
        <h2>2.4 Wireless</h2>
        <p>Welcome to 2.4 Wireless</p>
     -->
</body>
</html>

Output :

Multi Line Comment


Note : ऊपर दिए गए उदाहरण में हमनें कई प्रकार की लाइन्स को कमैंट्स किया गया हैं जब हम इस HTML Page को Run करते हैं तो ये लाइन ब्राउज़र पर डिस्प्ले नहीं होते हैं।


3. नियमबद्ध लाइन कमेंट (Conditional Line Comment) :

(i) जावा स्क्रिप्ट कोड कमेंट

(ii) स्टाइलशीट कोड कमेंट

(i) जावा स्क्रिप्ट कोड कमेंट :

Java Script कोड को कमेंट करने के लिए /* ........ */ टैग्स का यूज़ किया जाता हैं। HTML में <head> टैग के अंदर लिखे JScript कोड को इस प्रकार से लिख सकते हैं, जो निम्न हैं :

<!DOCTYPE html>
<html>
<head>
     <script>
          /*
               document.write("2.4 Wireless");
               alert("Comment JScript");
          */
     </script>
</head>
<body>
     <h2>HTML पेज में हम <head> टैग के अंदर JScript कोड को कमेंट कर रहे हैं।</h2 >
</body>
</html>

(ii) स्टाइलशीट कोड कमेंट :

CSS Stylesheet का उपयोग, हम HTML पेज को डिज़ाइन करने के लिए किया जाता हैं। ऐसे तो CSS को तीन प्रकार से उपयोग करते हैं। HTML पेज में <head> टैग के अंदर CSS Stylesheet का उपयोग Internal CSS के लिए किया जाता हैं। हम stylesheet कोड को कमेंट HTML पेज में करेंगे, जिसे ब्राउज़र पर रन करने पर कमेंट की गयी लाइन डिस्प्ले नहीं होती हैं।

उदाहरण :

<!DOCTYPE html>
<html>
<head>
     <style>
          /*
               h2 {
                         color: #ff0000;
               }
          */
          p {
                    color: red;
         }     
</style>
</head>
<body>
     <h2>HTML पेज में हम <head> टैग के अंदर CSS Stylesheet कोड को कमेंट कर रहे हैं।</h2 >
     <p>इसमें पैराग्राफ के CSS Stylesheet कोड को कमेंट नहीं कर रहे।</p>
</body>
</html>

Output :

HTML पेज में हम <head> टैग के अंदर CSS Stylesheet कोड को कमेंट कर रहे हैं।

इसमें पैराग्राफ के CSS Stylesheet कोड को कमेंट नहीं कर रहे।



Tags:

Post a Comment

0 Comments