Website-Check - alles in Ordnung mit Ihrer Website?

HTML und CSS

∅ 5 / 3 Bewertungen

HTML und CSS

Sind Sie sicher, dass Ihre Website überall so funktioniert und aussieht, wie Sie es geplant haben? Bevor Sie nun bei allen Bekannten um Hilfe und Tests bitten: Praktischerweise gibt es im Internet Tools, um das zu überprüfen.

Auf einer Website werden möglicherweise mehrere Programmiersprachen verwendet: HTML/XHTML, CSS, JavaScript, PHP, SSI und ähnliche mehr. Daher muss die Prüfung verschiedene Aspekte berücksichtigen.

Ist die HTML-Syntax korrekt?

Zuerst sollte der wesentliche Teil, nämlich die Syntax der (X)HTML-Sprache, überprüft werden. Dazu stellt das W3-Consortium (das Gremium zur Standardisierung von Techniken für das World Wide Web) einen so genannten Validator zur Verfügung.

Geben Sie auf der Website des Validators eine beliebige Internet-Adresse ein und klicken Sie auf Check:

62358_validator01.png

Start des Validators

Danach wird der Inhalt der Seite geprüft und eine Bewertung des geprüften (X)HTML-Codes angezeigt. Da nur genau die angegebene Seite untersucht wird, müssen Sie bei Bedarf alle Unterseiten einzeln prüfen lassen.

62359_validator02.png

Bewertung der geprüften Internet-Seite

Der Validator entdeckt selbstständig, welche (X)HTML-Version auf der Seite eingesetzt wurde und prüft nach deren Regeln. Sie können auch eine andere Version auswählen, nach der geprüft werden soll.

Ist das StyleSheet gültig?

Der andere große Bereich einer (gut gemachten) Website sind die Layout-Angaben, die vernünftigerweise in CSS-(Cascading Style Sheet-)Dateien zusammengefasst werden.

Auch diese können vom W3C geprüft werden, wenn Sie dort den CSS Validation Service nutzen:

62360_css01.png

Prüfung der StyleSheets

Nach Klick auf Prüfen erhalten Sie wiederum eine Liste der Probleme, wenn es denn welche gab:

62361_css02.png

Ergebnisse der CSS-Prüfung

StyleSheets und CSS

Den cleveren Umgang mit StyleSheets und CSS sehen Sie ausführlich im Beitrag "Websites leichter gestalten - übersichtlichen HTML-Code und ansprechendes Design verbinden". In "CSS: Hyperlinks gezielt hervorheben und individuell anpassen" gibt es zusätzlich spezielle Tricks für die Formatierung.