TechnicalViews in Hindi: HTML Comments in hindi

HTML Comments, Code का ऐसा भाग होते हैं, जिसे web browser द्वारा नज़रअंदाज़ कर दिया जाता है HTML के कमेंट html code की practice के लिए उपयोगी हो सकते हैं, खासकर जटिल डाक्यूमेंट्स, जो कि किसी डॉक्यूमेंट के sections को चिन्हित करता है और कमेंट्स आपको और दूसरों को आपके कोड को समझने और पढ़ने लायक बनाने में मदद कर सकते हैं।

HTML कमेंट्स <!-... -> tag के बीच में रखे गए हैं, इसलिए किसी भी कंटेट को <!-... ->tag के साथ रखा जाएगा और इसे कमेंट्स के रूप में माना जाएगा और जिसको browser द्वारा पूरी तरह से नज़रअंदाज़ कर दिया जाएगा।
उदाहरण

<!DOCTYPE html>
<html>

   <head>  <!-- Document Header Starts -->
      <title>This is document title</title>
   </head> <!-- Document Header Ends -->
 
   <body>
      <p>Document content goes here.....</p>
   </body>
 
</html>

यह कमेंट्स के रूप में दिए गए कंटेंट को display किए बिना निम्नलिखित रिजल्ट उत्पन्न करेगा:

आउटपुट
Document content goes here.....

Valid और Invalid Comments: कमेंट्स nesting नहीं होता है, जिसका मतलब है कि किसी comment में दूसरा comment नहीं डाला जा सकता। दूसरी बात यह है कि double-dash sequence "--" comment के अंदर closing --> tag के अलावा दिखाई नही देते। इसलिए आपको यह भी सुनिश्चित करना होगा कि start-of-comment string में कोई space नहीं है।

उदाहरण
यहां दी गई comment एक valid comment है और browser द्वारा इसे मिटा दिया जाएगा।

<!DOCTYPE html>
<html>

   <head>
      <title>Valid Comment Example</title>
   </head>
 
   <body>
      <!--   This is valid comment -->
      <p>Document content goes here.....</p>
   </body>
 
</html>

आउटपुट
Document content goes here.....

लेकिन निम्नलिखित line एक valid कमेंट नहीं है और जिसे browser द्वारा display किया जाएगा। इसका कारण left angle bracket और exclamation mark के बीच space है।

<!DOCTYPE html>
<html>

   <head>  
      <title>Invalid Comment Example</title>
   </head>
 
   <body>
      < !--   This is not a valid comment -->
      <p>Document content goes here.....</p>
   </body>
 
</html>

आउटपुट
< !-- This is not a valid comment -->

Document content goes here.....

Multi-line Comments: अब तक हमने single line कमेंट्स देखे हैं, लेकिन अब हम html समर्थित multi-line कमेंट्स देखेंगे।

आप special beginning tag  के द्वारा multiple lines में कमेंट कर सकते हो। जिसको first line के पहले और last line रखा गया है, जो उदारण में दिया गया है।

उदाहरण

<!DOCTYPE html>
<html>

   <head>  
      <title>Multiline Comments</title>
   </head> 
 
   <body>
      <!-- 
         This is a multiline comment and it can
         span through as many as lines you like.
      -->
      
      <p>Document content goes here.....</p>
   </body>
 
</html>

आउटपुट

Document content goes here.....

Conditional Comments: Conditional comments केवल Internet Explorer (IE) में विंडोज पर काम करते हैं। लेकिन उन्हें अन्य browsers द्वारा ignore कर दिया जाता है। वे Explorer 5 onwards द्वारा supported हैं, और आप IE के विभिन्न versions के लिए conditional instructions देने के लिए उनका उपयोग कर सकते हैं।

उदाहरण

<!DOCTYPE html>
<html>

   <head>  
      <title>Conditional Comments</title>

      <!--[if IE 6]>
         Special instructions for IE 6 here
      <![endif]-->
   </head> 
   
   <body>
      <p>Document content goes here.....</p>
   </body>
 
</html>

आप ऐसी situation में आ सकते हो, जहां आपको इंटरनेट एक्सप्लोरर के विभिन्न versions के आधार पर एक अलग style sheet लागू करने की आवश्यकता होगी, ऐसी स्थिति में conditional comments उपयोगी साबित होगी।

Comment Tag का उपयोग करना: कुछ ऐसे browsers हैं जो html code में comment करने के लिए <comment>tag का समर्थन करते हैं।

Note − The <comment> tag deprecated in HTML5. Do not use this element.

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Using Comment Tag</title>
   </head>
 
   <body>
      <p>This is <comment>not</comment> Internet Explorer.</p>
   </body>
 
</html>

यदि आप IE का उपयोग कर रहे हैं, तो यह निम्न result देगा:

This is Internet Explorer.

लेकिन अगर आप IE का उपयोग नहीं कर रहे हैं, तो यह निम्न result देगा:

This is not Internet Explorer.

स्क्रिप्ट कोड पर टिप्पणी: यद्यपि आप एक अलग tutorial में html के साथ javascript सीखेंगे, लेकिन यहां आपको यह नोट करना होगा कि अगर आप अपने html code में Java Script या VB Script का उपयोग कर रहे हैं, तो उस script code को proper html comments में डाल देना चाहिए ताकि पुराना browser ठीक से काम कर सकें।

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Script Code</title>
      
      <script>
         <!-- 
            document.write("Hello World!")
         //-->
      </script>
   </head>
 
   <body>
      <p>Hello , World!</p>
   </body>
 
</html>

आउटपुट

Hello World!

Hello , World!

Style Sheets की Commenting: हालंकि आप एक अलग tutorial में HTML के साथ style sheets का उपयोग सीखेंगे, लेकिन यहां आपको नोट करना होगा कि यदि आप अपने HTML code में Cascading Style Sheet (CSS) का उपयोग कर रहे हैं तो style sheet code को proper html comments में डालें ताकि पुराना browser ठीक से काम कर सकें।

उदाहरण

<!DOCTYPE html>
<html>

   <head>
      <title>Commenting Style Sheets</title>
      
      <style>
         <!--
            .example {
               border:1px solid #4a7d49;
            }
         //-->
      </style>
   </head>
 
   <body>
      <div class = "example">Hello , World!</div>
   </body>
 
</html>

आउटपुट

Hello , World!

भारतीय भाषाओं में सहजता से अनुवाद करने और किसी अन्य टूल की अपेक्षा दोगुना अनुवाद करने के लिए हमारे टूल https://transzaar.com/ का उपयोग कर अधिक से अधिक लाभ कमाएँ।

TechnicalViews in Hindi

Pages

HTML Comments in hindi

No comments: