HTML Comments

Advertisements

Previous Page
Next Page  

Kommentar ist ein Stück Code, die von jedem Web-Browser ignoriert. Es ist eine gute Praxis, um Kommentare in Ihren HTML-Code insbesondere bei komplexen Dokumenten hinzufügen, um Abschnitte eines Dokuments, und jeder andere Notizen zu niemandem Blick auf den Code anzuzeigen. Kommentare helfen Ihnen und anderen verstehen ihr Code und erhöht die Lesbarkeit des Codes.

HTML-Kommentare werden zwischen platziert <!-- ... --> tags. So dass jeder Inhalt platziert mit-in <!-- ... --> Tags werden als Kommentar behandelt und vollständig vom Browser 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 wird folgendes Ergebnis produzieren, ohne Anzeige das Gehalt gegeben als ein Teil der Kommentare :

Document content goes here.....

Gültige vs Ungültige Kommentare

Kommentare nicht Nest, das bedeutet, dass ein Kommentar nicht in einem anderen Kommentar gestellt werden. Zweite der Doppel-Bindestrich-Sequenz "-" kann nicht in einem Kommentar erscheint außer als Teil der Schließ - & gt; -Tag. Sie müssen auch sicherstellen, dass es keine Leerzeichen in der Start-of-Kommentar-String.

Beispiel

Hier gegeben Kommentar ist ein gültiger Kommentar und wird durch den Browser abgewischt werden.

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

Aber folgende Zeile ist kein gültiger Kommentar und wird vom Browser angezeigt werden. Das ist, weil es einen Raum zwischen dem linken Winkel Winkelträger und dem Ausrufezeichen.

<!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 wird folgendes Ergebnis produzieren:

< !-- This is not a valid comment -->

Document content goes here.....

mehrzeilige Kommentare

Bisher haben wir einzelne Zeile Kommentare gesehen, aber HTML unterstützt Multi-line Kommentare als gut.

Sie können Kommentar mehrere Linien durch die spezielle beginn tag<!-- und End-Tag --> platziert vor der ersten Zeile und am Ende der letzten Zeile wie gezeigt im Beispiel unten.

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 wird folgendes Ergebnis produzieren:

Document content goes here.....

bedingte Kommentar

Bedingte Kommentare nur arbeiten im Internet Explorer (IE) unter Windows , aber sie von anderen Browsern ignoriert werden. Sie werden aus Explorer 5 und höher unterstützt, und Sie können sie verwenden, um bedingte Anweisungen, um verschiedene Versionen des IE 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 kommen, wo Sie brauchen, um ein anderes Stylesheet gelten basierend auf unterschiedlichen Versionen von Internet Explorer, in einer solchen Situation bedingte Kommentare wird hilfreich sein.

Verwenden Kommentar-Tag

Es gibt nur wenige Browser, die Unterstützung <Kommentar> Tag, um einen Teil der HTML-Code zu kommentieren.

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 IE verwenden, dann wird es produzieren folgendes Ergebnis:

This is Internet Explorer.

Aber wenn Sie sich nicht mit IE, dann wird es folgendes Ergebnis produzieren:

This is not Internet Explorer.

kommentierte Script Code

Obwohl Sie werden Javascript lernen mit HTML, in einem separaten Tutorial, aber hier müssen Sie eine Notiz machen, dass, wenn Sie Java Script oder VB Script in Ihren HTML-Code dann ist es empfehlenswert, das Skript-Code in HTML-Kommentare richtige setzen so dass alte Browser richtig arbeiten kann.

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 wird folgendes Ergebnis produzieren:

Hello World!

Hello, World!

kommentierte Style Sheets

Obwohl Sie werden lernen, unter Verwendung Style Sheets mit HTML in einem separaten Tutorial, aber hier müssen Sie eine Notiz machen, dass, wenn Sie unter Verwendung Casecading Style Sheet (CSS) in Ihrem HTML-Code dann empfiehlt es sich, dass die Style-Sheet-Code innen setzen richtigen HTML-Kommentare, so dass alte Browser richtig arbeiten kann.

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 wird folgendes Ergebnis produzieren:

Hello , World!
Advertisements