HTML - Kommentare

Kommentar ist ein Code, der von jedem Webbrowser ignoriert wird. Es wird empfohlen, Ihrem HTML-Code Kommentare hinzuzufügen, insbesondere in komplexen Dokumenten, um Abschnitte eines Dokuments und andere Notizen für jeden anzuzeigen, der sich den Code ansieht. Kommentare helfen Ihnen und anderen, Ihren Code zu verstehen, und verbessern die Lesbarkeit des Codes.

Dazwischen stehen HTML-Kommentare Stichworte. Inhalte, die mit <! - ... -> Tags platziert wurden, werden als Kommentar behandelt und vom Browser vollständig ignoriert.

Beispiel

<!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>

Dies führt zu folgendem Ergebnis, ohne dass der Inhalt als Teil der Kommentare angezeigt wird:

Gültige vs ungültige Kommentare

Kommentare werden nicht verschachtelt, was bedeutet, dass ein Kommentar nicht in einen anderen Kommentar eingefügt werden kann. Zweitens wird die Doppelstrichfolge "-" möglicherweise nicht in einem Kommentar angezeigt, außer als Teil des schließenden -> Tags. Sie müssen außerdem sicherstellen, dass die Kommentarzeichenfolge am Anfang des Kommentars keine Leerzeichen enthält.

Beispiel

Hier ist der angegebene Kommentar ein gültiger Kommentar und wird vom Browser gelöscht.

<!DOCTYPE html>
<html>

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

Dies führt zu folgendem Ergebnis:

Die folgende Zeile ist jedoch kein gültiger Kommentar und wird vom Browser angezeigt. Dies liegt daran, dass zwischen der linken spitzen Klammer und dem Ausrufezeichen ein Leerzeichen vorhanden ist.

<!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>

Dies führt zu folgendem Ergebnis:

Mehrzeilige Kommentare

Bisher haben wir einzeilige Kommentare gesehen, aber HTML unterstützt auch mehrzeilige Kommentare.

Sie können mehrere Zeilen mit dem speziellen Anfangstag <! - und Endtag -> kommentieren, das vor der ersten Zeile und dem Ende der letzten Zeile steht, wie im folgenden Beispiel gezeigt.

Beispiel

<!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>

Dies führt zu folgendem Ergebnis:

Bedingte Kommentare

Bedingte Kommentare funktionieren nur in Internet Explorer (IE) unter Windows, werden jedoch von anderen Browsern ignoriert. Sie werden ab Explorer 5 unterstützt, und Sie können sie verwenden, um verschiedenen IE-Versionen bedingte Anweisungen zu geben.

Beispiel

<!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>

Sie werden auf eine Situation stoßen, in der Sie ein anderes Stylesheet anwenden müssen, das auf verschiedenen Versionen von Internet Explorer basiert. In solchen Situationen sind bedingte Kommentare hilfreich.

Kommentar-Tag verwenden

Es gibt nur wenige Browser, die das <comment> -Tag unterstützen, um einen Teil des HTML-Codes zu kommentieren.

Note- Das <comment> -Tag ist in HTML5 veraltet. Verwenden Sie dieses Element nicht.

Beispiel

<!DOCTYPE html>
<html>

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

Wenn Sie den Internet Explorer verwenden, wird das folgende Ergebnis angezeigt:

Wenn Sie jedoch keinen IE verwenden, wird das folgende Ergebnis angezeigt:

Skriptcode kommentieren

Sie werden zwar JavaScript mit HTML in einem separaten Tutorial lernen, aber hier müssen Sie beachten, dass es empfohlen wird, diesen Skriptcode in die richtigen HTML-Kommentare einzufügen, wenn Sie Java Script oder VB Script in Ihrem HTML-Code verwenden Browser können ordnungsgemäß funktionieren.

Beispiel

<!DOCTYPE html>
<html>

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

Dies führt zu folgendem Ergebnis:

Stylesheets kommentieren

Sie werden zwar in einem separaten Lernprogramm lernen, Stylesheets mit HTML zu verwenden, aber hier müssen Sie beachten, dass es empfohlen wird, diesen Stylesheet-Code in die richtigen HTML-Kommentare einzufügen, wenn Sie Cascading Style Sheet (CSS) in Ihrem HTML-Code verwenden damit alte Browser richtig funktionieren können.

Beispiel

<!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>

Dies führt zu folgendem Ergebnis: