1.4.4 HTML- und CSS-Validierung

• 1 HTML-Validierung
• 2 CSS-Validierung

-

1 HTML-Validierung

Allgemein

• Hessendscher.de: Was ist valider Code?

Häufige Fehlerquellen

Achtung: Vor dem Check sind alle Umlaute wie ä durch ä, ö durch ö, ü durch ü sowie alle deutschen Doppel-s ß durch ss (Schweiz) oder ß (Deutschland) zu ersetzen.
(Grossschreibung beachten: Ü schreibt sich z.B. Ü)

⇒ Siehe auch Webmaster: Sonderzeichen

• Ramsch: iso8859-1 table
• DMOZ.ch: Umlaute ersetzen
• SELFHTML: Umlaute

Achtung: Im URL externer Links ist das Zeichen & durch & zu ersetzen.

⇒ Siehe auch Webmaster: Sonderzeichen

• Black Widow Web Design: Common XHTML Validation Errors

Validierungsprogramme

HTML-Validierung mit dem W3C-Validator

Allgemein:

• Normalerweise wird per URI geprüft, d.h. die Internetadresse der zu prüfenden Seite wird eingegeben.
• Es kann aber auch der Pfad zu einer auf dem Computer gespeichterten HTML-Datei angegeben werden.
• Als dritte Variante kann auch ein HTML-Text zur Prüfung eingegeben werden.
• Mit dem Opera-Browser kann die Validierung mit der rechten Maustaste gestartet werden.

Validierung der Homepage dieser Website mit dem W3C-Validator

• W3C: Home

HTML-Validierung mit dem Validome

Der Validome gibt bei der Prüfung der Hompage dieser Website folgende Warnung:

In der Dokumententypdeklaration konnte keine System-ID (URL oder Pfadangabe zur DTD) gefunden werden.

Abhilfe: Ich habe auf eine Pfadangabe verzichtet, da, wie in Kapitel HTML beschrieben, dann im Menü unten eine unnötige Scrollleiste erscheint.
Die Angabe der Web-Adresse der DTD ist nicht unbedingt erforderlich.

⇒ Siehe auch "HTML/XHTML"

• SELFHTML: Dokumenttyp-Deklaration

-

2 CSS-Validierung

Allgemein

• The Styleworks: CSS-Validation

Häufige Fehlerquellen

Der W3C-Validator beanstandet die Farb-Definitionen, wenn nicht beide, die Hintergrund- und die Schriftfarbe angegeben werden.

Validierungsprogramme

CSS-Validierung mit dem W3C CSS-Validation Service

Es kann gewählt werden zwischen:

• Normalerweise wird per URI geprüft, d.h. die Internetadresse der zu prüfenden Seite wird eingegeben.
• Es kann aber auch der Pfad zu einer auf dem Computer gespeichterten HTML-Datei angegeben werden.
• Als dritte Variante kann auch ein HTML-Text zur Prüfung eingegeben werden.

Validierung des Stylesheets dieser Website:

• http://vademecum.brandenberger.eu/styles/allgemein.css.php

• W3C CSS Validator: Validierung

Validierung des Stylesheets der Formulare dieser Website

• http://vademecum.brandenberger.eu/styles/formular.css

• W3C CSS Validator: Validierung

Bei der Prüfung des Stylesheets dieser Website gibt der Validator an verschiedenen Stellen folgende Warnung:

Sie haben keine Hintergrundfarbe zu der Vordergrundfarbe angegeben.

Bemerkung: Diese Warnung wird auch gegeben, wenn für die Hintergrundfarbe "transparent" angegeben wird.

Abhilfe: keine, die Angabe "transparent" ist meiner Meinung korrekt und hier besser, weil die Hintergrundfarbe dieser Elemente an verschiedenen Orten vor verschiedenem Hintergrund definiert sein können.

• Stichpunkt: Der W3C-Validator bemängelt color-Definition

CSS-Validierung mit Web Design Group

Validierung des Stylesheets dieser Website mit dem Validator der Web Design Group

• http://vademecum.brandenberger.eu/styles/allgemein.css

Der Validator gibt bei der Prüfung folgende "Note":

• CSSCheck is primarily a CSS1 checker
• Many CSS2 properties are supported, but new CSS2 selectors will generate errors.

Bemerkung:
In Anbetracht der von diesem Validator herausgegebenen Bemerkung, dass er mehrere CSS2 Codes nicht versteht, wurde auf eine Validierung mit diesem Validator verzichtet.

↑