Tutorials zur Webentwicklung

<l-w-y-s> · Umfangreich · Verständlich

1.7 Kommentare

Kommentare können ge­nutzt werden um interne An­merkungen zu notieren oder um ganze Ab­schnitte im Code zu deaktivieren. HTML5 Markierungen sind somit inner­halb von Kommentaren er­laubt! Kommentare können sich über mehrere Zeilen er­strecken und können an be­liebiger Stelle im Quell­code ein­gefügt werden.

 <body>

   <!-- Kommentar -->
     <p>Inhalt ...</p>
   <br />

   <!-- Dieses Element ist auskommentiert ...
     <p>
       ...
     </p>
   -->

 </body>
Listing 1.7.1: Kommentare

Ein Kommentar beginnt mit der Zeichen­folge <!-- und endet mit der Zeichen­folge -->. Alles was sich dazwischen befindet ist "Kommentar" und wird vom Browser nicht interpretiert!

Nutzen Sie Kommentare um Ihren Quell­code zu beschriften und um ihn damit auch anderen Webdisignern zugänglich zu machen bzw. um ihn auch nach längerer Zeit selbst noch nach­voll­ziehen zu können.

Informationsbox

Es gibt ver­schiede Schreib­weisen für Kommentare, nutzen Sie die hier vor­gestellte Variante! Die Zeichenfolge -- sollte innerhalb von Kommentaren nicht ge­nutzt werden!

Informationsbox

Kommentare werden zwar nicht auf der Webseite angezeigt, aber werden mit dem Dokument über­tragen und stehen somit jedem Nutzer zur Ver­fügung! Den Quell­code einer Seite kann sich jeder Nutzer mit einem "Rechtsklick" auf die Seite und der folgenden Aus­wahl "Quellcode anzeigen" ansehen!

1.7.1 Conditional Comments

Conditional Comments oder »Bedingte Kommentare« sind HTML-Kommentare, die nur von Internet Explorer ab IE5 bis ein­schließlich Version 9 interpretiert werden. Sie enthalten meist CSS im Head-Bereich der Web­seite, das nur für IE bestimmt ist, können aber auch im body ganze Passagen auf IE beschränken oder vor IE verbergen. Internet Explorer ist bis IE9 das Schlusslicht mit Lücken, die durch »Conditional Comments« umgangen werden können. Ab Version 10 sind Conditional Comments für IE außer Kraft gesetzt (IE10 unter­stützt bereits den Browser-Präfix, mit dem Stile in einem frühen Stadium der Standardisierung benutzt werden können).


<!--[if IE ]>
   <link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->
Listing 1.7.2: Bedingte Kommentare

Bedingte Kommentare werden in HTML-Kommentare gesetzt. In vier­eckigen Klammern […] sitzt die Abfrage nach der Browser­version. Am Ende leitet ein endif in vier­eckigen Klammern […] den Kommentar wieder aus.

Quelle: https://www.mediaevent.de/

Informationsbox

Dieses Thema wird an dieser Stelle nur kurz der Voll­ständigkeit halber erwähnt und es wird im Ver­lauf nicht weiter darauf ein­gegengen! In der Ver­gangenheit gab es viele Techniken um die Darstellung einer Inter­net­seite auf ver­schiedenen, teils ver­alteten Betriebs­systemen dar­zustellen.