Validatoren sind an sich sehr praktische Tools, mit denen man seinen Quellcode checken kann. Dazu gibt man einfach die URL der zu überprüfenden Seite an und erhält dann die Auswertung, ob der Code valide ist oder ob sich Fehler eingeschlichen haben.

Viele User nutzen die Validatoren aber nicht, weil die Fehlermeldungen oft auf Englisch verfasst sind und auf den ersten Blick ganz schön verwirrend sein können.

Deswegen liste ich hier mal die häufigsten Fehlermeldungen auf und erkläre euch, was ihr tun müsst.

HTML-Validator

Den HTML-Validator findet ihr unter http://validator.w3.org, und damit könnt ihr alle Varianten von HTML und XHTML überprüfen.

end tag for “br” omitted, but OMITTAG NO was specified

Hier wird erwartet, dass ihr in guter XHTML-Manier alleinstehende Tags mit einem Slash ausleitet. Also:
<br /> statt <br>

start tag was here

Hier stimmt etwas mit der Verschachtelung der Elemente nicht – hast du vielleicht vergessen, ein Div zu schließen?

end tag for element “strong” which is not open

Auch hier liegt ein Verschachtelungsfehler vor: ein ausleitendes </strong> wurde gefunden, nicht aber das öffnende <strong>.

required attribute “alt” not specified

In XHTML müssen Bilder immer ein alt-Attribut mit einer kurzen Beschreibung aufweisen (siehe Tutorial).

character “&amp;” is the first character of a delimiter but occurred as data

Wenn ihr in HTML ein kaufmännisches Und ( & ) schreiben wollt, müsst ihr das entsprechende Entity &amp; verwenden und das & somit escapen. Dies gilt für & in Fließtexten ebenso wie für & in URLs.

ID “artikel” already defined

Jede ID darf nur ein einziges Mal pro Seite auftauchen. Wenn ein Element häufiger auftaucht, verwende Klassen statt IDs.

CSS-Validator

Den CSS-Validator gibt’s auf jigsaw.w3.org/css-validator. Auch hier müsst ihr einfach eure URL eintippen.

Die Eigenschaft font-color existiert nicht : #ffffff

Hier habt ihr einen Wert verwendet, den es für diese Eigenschaft nicht gibt.
(Die korrekte Eigenschaft für die Schriftfarbe lautet color und nicht font-color).

Jigsaw merkt allerdings auch Einiges als vermeintliche Fehler an, was nicht wirklich falsch ist, sondern erst mit CSS 3 kommt oder nur von einigen Browsern unterstüzt wird.

Die Eigenschaft filter existiert nicht

filter ist eine proprietäre Eigenschaft aus dem Hause Microsoft, daher bemängelt sie der Validator.

Die Eigenschaft opacity existiert nicht : 0.5

Der Validator testet auf die aktuelle CSS-Version 2.1, opcacity kommt aber erst in CSS 3 – wird aber trotzdem von einigen Browsern schon unterstützt.
Für den Firefox gibt es die Eigenschaft -moz-opacity, die ebenfalls nicht zum offiziellen Standard des W3C gehört, sondern in Anlehnung an die kommenden CSS 3-Eigenschaften von den Mozilla-Entwicklern eingeführt wurde.

Das Gleiche gilt für -moz-border-radius: 5px; bzw. -webkit-border-radius: 5px; (erzeugt runde Ecken in Firefox und Safari, ab CSS 3 wird das hoffentlich in allen Browsern über border-radius möglich sein).
Auch die Eigenschaft text-shadow wird erst ab CSS 3 offiziell interpretiert, bislang können nur der Safari unter Mac, Konqueror unter Linux sowie der aktuelle Opera diesen Textschatten darstellen (auch wenn es das schon in CSS 2 gab).

Fazit

Häufig sind es so einfache Kleinigkeiten wie ein vergessenes Zeichen, die einen ganzen Haufen an Fehlermeldungen hervorrufen. Und oft verringert sich die Fehlerzahl schon drastisch, wenn man nur einen kleinen Verschachtelungsfehler korrigiert.
Also: nur Mut, falls euch der Validator erst einmal jede Menge Fehler um die Ohren schlägt – die zu beheben ist meistens weniger Arbeit, als man erst einmal denkt.