HTML/CSS - Fehlersuche - Der HTML-Validator
1. Die Abschnitte
- Überblick
- Der HTML Validator
- Arbeiten mit dem HTML Validator
- Der CSS Validator
- Arbeiten mit dem CSS Validator
- Firebug
- Elemente auswählen
- Die Layout-Ansicht
- CSS-Anweisungen ändern
- Überschriebene Anweisungen
- Ein paar Hinweise zu Firebug
2. Konfiguration
Nach der Installation kam zumindest früher immer die Frage, wie man ihn einrichten möchte. Offenbar ist dem heute wohl nicht mehr so. Kann das leider auf meinem System nicht mehr entsprechend sauber testen. Geht für alle Fälle auf "Extras" -> "Addons" und klickt unter "HTML Validator" auf "Einstellungen" und achtet darauf, dass ihr die folgenden Möglichkeiten so einrichtet.
Den Punkt "Validierung im Browser aktivieren" könnt ihr nach diesem Tutorial auch wieder ausschalten. Ganz besonders wichtig ist aber, dass ihr unter "Algorithmus" die Option "Nacheinander" auswählt. Denn sonst werdet ihr einige Fehler nicht finden!
3. Funktionsweise
Nach der Konfiguration findet ihr rechts unten im Browser eines der folgenden Symbole, die abhängig sind vom Quellcode der gerade aktiven Seite.
- Valide
- Warnung
- Fehler
Ein Nachtrag
In den neueren Versionen hat man leider auf diese schöne Vorschaufunktion verzichtet und statt dessen ein immer gleich bleibendes schnödes Icon verwendet, das so aussieht.
Durch einen Doppelklick (einfacher Klick bei den neueren Versionen) öffnet sich die Quellcodeansicht. Dabei handelt es sich um ein dreigeteiltes Fenster, das so aussehen könnte.
Die Aufteilung
Oben wird der Quellcode angezeigt, links unten gibt es eine Auflistung aller Fehler und rechts unten ein paar sachdienliche Hinweise. Durch Doppelklick auf einen Fehler springt der Validator im Quellcode-Abschnitt direkt zum fehlerhaften Eintrag und hebt ihn optisch hervor.
zurück zum vorherigen Abschnitt weiter zum nächsten Abschnitt