HTML-Code ansehen und prüfen

Bevor HTML auf die Website, in eine E-Mail oder ins CMS wandert, lohnt sich ein Blick auf das Ergebnis und eine kurze Fehlersuche. Diese Routine passt für Seiten, Schnipsel und Mail-Vorlagen.

Tool öffnen: HTML Viewer

1. In drei Breiten ansehen

Wechseln Sie zwischen Handy, Tablet und Laptop. Überlaufender Text, zu breite Tabellen und Bilder ohne max-width fallen bei 375 Pixeln sofort auf.

2. Die Konsole lesen

Rote Zeilen sind JavaScript-Fehler, die den Rest eines Skripts stoppen. Die Zeilennummer bezieht sich auf den JavaScript-Tab oder bei Inline-Skripten auf das HTML.

3. Die Code-Prüfung abarbeiten

Zuerst die Fehler: offene Tags und doppelte IDs verursachen Layout- und Skriptprobleme. Danach Warnungen wie fehlender alt-Text und Titel, die Barrierefreiheit und SEO betreffen.

Schnipsel für WordPress, TYPO3 und Co.

  • Nur den Teil einfügen, der in den Editor gehört, ohne html und body.
  • Styles inline oder im CSS-Tab ergänzen, um das Endergebnis zu sehen.
  • Vor dem Einfügen formatieren, damit Kollegen den Code lesen können.
  • In Handy-Breite prüfen, da die meisten Besucher mobil kommen.