Meine X-Ray CSS-Modifikation

Website auf gute Struktur prüfen

Diese CSS-Datei zeigt bei Anwendung auf jeder Website die verwendeten Elemente. So kann man sehen, ob sematisch relevante Elemente benutzt werden. So beschreibt die Autorin der ersten Version den Sinn dieses Stylesheets:

Schlecht codierte Websites nehmt euch in Acht! Böse Markup-Fehler und fiese Zugangsbarrieren werden mit dem Röntgenblick entlarvt. Die gnadenlosen Visoren stehen zum sofortigen Download bereit. Schärfe deinen Blick mit dem X-Ray CSS!

Ist das HTML-Dokument gut strukturiert? Werden semantische HTML-Elemente verwendet? Benutzt die Website h-Elemente für Überschriften und wie sind diese hierarchisch organisiert? Sind Textabschnitte über P strukturiert? Werden Zitate markiert und Navigationsmenüs als Listen ausgezeichnet? u.v.a.m.

Vorsprung durch Webstandards

Was hat sich geändert?

• Weitere Block Level-Elemente hinzugefügt
• CENTER-Tag wird markiert
• Deutsche Element-Bezeichnung
• Methode und Ziel von Formularen werden angezeigt

Installation/Setup

Ich empfehle hier den FireFox. Zur Verwendung einfach die Webdeveloper Toolbar installieren, CSS-Datei herunterladen (rechts) und per CSS > Add User Style Sheet auf eine Website anwenden. Für eine permanente Verwendung muss Options > Persist Styles aktiviert sein.

Lizenz

Ich gebe die Date wie vorgesehen unter der Creative Commons-Lizenz weiter.