Kommentare im CSS-Code

(Auszug aus "CSS Kochbuch" von Christopher Schmitt)

Problem

Sie wollen Ihren CSS-Code mit Hilfe von Kommentaren strukturieren und die Leserlichkeit erhöhen.

Lösung

Verwenden Sie die Zeichen /* und */, um an beliebiger Stelle Ihres Code Kommentare einzufügen:

/* Dies ist ein Kommentar */
a {
  text-decoration: none;
}
/* Und dies ebenfalls */
h1, h2 {
  font-size: 100%;
  color: #666666;
}

Diskussion

Eines Tages sehen Sie sich ein Stylesheet an, das Sie schon vor längerer Zeit erstellt haben, wissen aber nicht mehr, warum Sie bestimmte Schritte unternommen haben. Kommentare können dabei helfen, Ihren Code zu erläutern und zu organisieren, damit er auch später noch verständlich ist. Mit Hilfe von Kommentaren können auch Leute, die den Code nicht selbst erstellt haben, nachvollziehen, was gemeint war. Dinge, die zwischen /* und */ stehen, werden vom Browser ignoriert.

Wenn Sie Ihren Code in verschiedene Abschnitte unterteilen, können Kommentare dabei helfen, die einzelnen Abschnitte (Kopfzeile, Fußzeile, Navigation, Unternavigation usw.) besser zu unterscheiden. Kommentare können außerdem das Testen Ihrer Seiten stark erleichtern. Gelegentlich sind Sie sich bei einer bestimmten Regel nicht sicher, ob diese korrekt ist oder welche Auswirkungen sie hat. Umgeben Sie die Regel einfach mit Kommentarzeichen, um sie zu deaktivieren:

/*
a {
  text-decoration: none;
}
*/

Die Regel hat keinerlei Einfluss mehr auf die Dartellung der Webseite, weil die Eigenschaft text-decoration mit Kommentarzeichen umgeben wurde. Sofern es keine anderen Regeln für den a-Tag gibt, werden Links nun wieder unterstrichen dargestellt, bis Sie die Kommentarzeichen wieder entfernen.

Siehe auch

Die CSS 2.1-Spezifikation zum Thema Kommentare.

  

<< zurück vor >>

 

 

 

Tipp der data2type-Redaktion:
Zum Thema CSS bieten wir auch folgende Schulungen zur Vertiefung und professionellen Fortbildung an:

Copyright der deutschen Ausgabe © 2007 by O’Reilly Verlag GmbH & Co. KG
Für Ihren privaten Gebrauch dürfen Sie die Online-Version ausdrucken.
Ansonsten unterliegt dieses Kapitel aus dem Buch "CSS Kochbuch" denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

O’Reilly Verlag GmbH & Co. KG, Balthasarstr. 81, 50670 Köln