Erweiterte Suche

HTML Kommentare

Mit HTML Kommentaren können Sie den HTML Quellcode strukturieren und übersichtlicher machen.

Anwendung

Alles zwischen <!-- und --> gilt als Kommentar und wird nicht im Browser ausgeben. Es dient lediglich der Übersichtlichkeit des Codes.

Anwendungsbeispiele

Wenn Sie eine Website mit vielen verschachtelten Tags, wie div's , haben können Kommentare den Code übersichtlicher machen. Der Code ohne Kommentare ist schwer verständlich:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
    <title>3 Spalten Layout</title>
    <link rel="stylesheet" title="Default" href="neustyles.css" type="text/css" media="screen"/>
</head>
<body>

    <div id="header">
    </div>  
<div id="wrapper">
    <div id="navi">
    </div>
    <div id="sidebar">          
    </div>
    <div id="content">
    </div>
 </div>
<div id="footer">
</div>

</body>
</html>

Verwenden Sie jedoch Kommentare erkennen Sie auf einen Blick den Anfang und das Ende des div's:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>
    <title>3 Spalten Layout</title>
    <link rel="stylesheet" title="Default" href="neustyles.css" type="text/css" media="screen"/>
</head>
<body>

    <div id="header"><!--Anfang Header-->
    </div><!--Ende Header-->            
<div id="wrapper"><!--Anfang Wrapper-->
    <div id="navi"><!--Start Linke Spalte(Navigation)-->
    </div><!--Ende Linke Spalte-->
         
    <div id="sidebar"><!--Anfang Sidebar-->              
    </div><!--Ende Sidebar-->
   
    <div id="content"><!--Anfang Content-->  
    </div><!--Ende Content-->
</div><!--Ende Wrapper-->

<div id="footer"><!--Anfang Footer-->
</div><!--Ende Footer-->

</body>
</html>

Eine weitere Möglichkeit ist das auskommentieren von ganzen Codes in der Entwicklungsphase:

<!-- Diese Datei ist noch nicht Vollständig und muss ergänzt werden-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" title="Default" href="css/styles.css" type="text/css" media="screen"/>
</head>
<body>
        <!--
        <h1>Kommentare</h1>
        <p>HTML Kommentare dienen der Übersichtlichkeit</p>
        -->
</body>
</html>
 

Diese Liste kann man fast unendlich fortsetzen

Performance

Man sollte Kommentare gezielt einsetzen und sie wenn es geht sogar weitestgehend vermeiden, denn die Kommentare werden jedes mal von dem Browser mit geladen und sorgen so für mehr Traffic, dadurch wird die Website langsamer.

Letzte Aktualisierung: 01.02.10

Kommentare

fabian.b schrieb:11.2.2010 16:19 Uhr

Dann bin ich ja beruigt.

Sönke schrieb:9.2.2010 20:02 Uhr

Hi Fabian,

wenn du eine kleine Seite mit nur wenigen Besuchern hast ist es fast egal, aber wird deine Seite größer und hat mehrere 1000 Besucher wird man eventuell einen Unterschied spüren.

Ich wollte damit nur sagen, dass man mit Kommentaren bedacht umgehen muss und diese nur einsetzen soll, wenn es notwendig ist.

Du darfst sie ruhig einsetzten :)

Mir freundlichen Grüßen

Sönke

Fabian.b schrieb:9.2.2010 19:27 Uhr

Macht das so viel aus mit der Perfomance ?
sonst... echt Klasse das TuT

lg
fabian.b

Kommentar schreiben