HTML-Validator
FreePrüft HTML auf nicht geschlossene Tags, doppelte IDs, veraltete Elemente und andere häufige, klar definierte Probleme, mit einem eigenen Tag-Abgleich-Parser verifiziert, kein vollständiger W3C-Konformitätsvalidator.
Läuft vollständig in Ihrem Browser. Ihr HTML wird niemals irgendwohin hochgeladen.
Letzte Aktivität
Für alle sichtbar. Die letzten 20 Nutzungen aller Besucher, neueste zuerst.
Noch keine Aktivität. Seien Sie der Erste.
Was dieses Tool macht
Fügen Sie HTML ein, und dieses Tool prüft es auf eine fokussierte Reihe häufiger, klar definierter Probleme: nicht geschlossene oder nicht übereinstimmende Tags, doppelte id-Attribute, fehlenden Alt-Text bei Bildern, veraltete Elemente, ungültige selbstschließende Syntax bei Nicht-Void-Elementen sowie fehlende DOCTYPE-, lang- oder charset-Deklarationen. Jedes Problem verweist zurück auf die Zeile, in der es gefunden wurde.
So funktioniert es
Ein leichtgewichtiger Parser scannt das HTML Tag für Tag und führt dabei einen Stapel aktuell geöffneter Elemente, genau so, wie ein Browser die Verschachtelung intern verfolgt, wobei Kommentare sowie der Inhalt von <script>- und <style>-Blöcken übersprungen werden. Wenn ein schließendes Tag nicht mit dem obersten Element des Stapels übereinstimmt oder am Ende noch Einträge im Stapel verbleiben, werden diese als nicht geschlossene oder nicht übereinstimmende Tags gemeldet. Separat suchen reguläre Ausdrücke nach doppelten id-Attributen, fehlenden alt-Attributen bei Bildern und veralteten Elementnamen.
Probleme, die es löst
- Ein nicht geschlossenes Tag finden, das das Layout einer Seite weiter unten subtil zerstört.
- Doppelte id-Attribute erkennen, bevor sie dazu führen, dass sich ein CSS-Selektor oder ein JavaScript-getElementById-Aufruf unerwartet verhält.
- Veraltete Elemente erkennen, die von altem Code oder kopierten Codeschnipseln übrig geblieben sind.
- Grundlegende Barrierefreiheit prüfen, wie Alt-Text und eine deklarierte Dokumentsprache.
Häufig gestellte Fragen
›Ist das dasselbe wie der W3C Markup Validator?
Nein. Der offizielle W3C-Validator prüft die vollständige Konformität mit der HTML-Spezifikation, Hunderte von Regeln für jedes Element und Attribut. Dieses Tool konzentriert sich auf eine kleinere Menge häufiger, klar definierter Probleme, deren frühzeitige Erkennung wirklich nützlich ist: nicht geschlossene Tags, doppelte IDs, veraltete Elemente und einige Prüfungen auf fehlende Attribute. Für einen vollständigen Konformitätsbericht verwenden Sie den W3C-Validator zusätzlich zu diesem Tool.
›Warum werden fehlende DOCTYPE-, lang- oder charset-Angaben als Warnungen statt als Fehler markiert?
Browser rendern eine Seite auch ohne diese Angaben, sie sind also nicht schwerwiegend, beeinträchtigen aber die Barrierefreiheit, die Internationalisierung und wie zuverlässig der Browser einen Rendering-Modus wählt. Sie werden markiert, weil ihre Behebung fast immer die richtige Entscheidung ist, nicht weil die Seite ohne sie kaputt ist.
›Was gilt hier als „veraltetes“ Tag?
Elemente, die die HTML5-Spezifikation ausdrücklich als veraltet kennzeichnet, wie <center>, <font>, <marquee> und <acronym>, meist weil CSS inzwischen das abdeckt, was sie taten, auf eine Weise, die Inhalt von Darstellung trennt. Sie funktionieren in Browsern aus Gründen der Abwärtskompatibilität weiterhin, sollten aber in neuem Code nicht mehr verwendet werden.
›Wird der Inhalt innerhalb von <script>- oder <style>-Tags geprüft?
Nein, ihr Inhalt wird beim Tag-Abgleich vollständig übersprungen, da JavaScript oder CSS leicht Text enthalten können, der wie ein HTML-Tag aussieht (z. B. innerhalb eines Strings), ohne tatsächlich eines zu sein, was sonst zu Fehlalarmen führen würde.
›Warum wird selbstschließende Syntax wie <div /> markiert?
In HTML (im Gegensatz zu XML oder XHTML) wird ein abschließender Schrägstrich bei einem Nicht-Void-Element wie <div> oder <span> einfach ignoriert, das Element gilt dadurch NICHT als geschlossen und benötigt weiterhin ein eigenes, separates schließendes Tag. Dies ist eine häufige Quelle versehentlicher nicht-geschlossener-Tag-Fehler beim Kopieren von Mustern aus JSX oder XML.
Verwandte Tools
Text
Excel-zu-HTML-Tabelle-Konverter
Fügen Sie aus Excel oder Google Sheets ein oder laden Sie eine .xlsx/.xls/.csv-Datei hoch, und erhalten Sie eine saubere HTML-Tabelle mit Live-Vorschau, optionalem Styling und Ausrichtung numerischer Spalten.
FreeText
HTML-Entitäten-Konverter
Wandeln Sie Text gleichzeitig in beide Richtungen von und zu HTML-Entitäten um, mit dezimalen oder hexadezimalen numerischen Formaten und einer Schnellreferenztabelle gängiger Entitäten.
FreeText
Zahlensystem-Umrechner
Rechne eine Zahl zwischen Binär, Oktal, Dezimal, Hexadezimal, BCD, Gray-Code, und jeder benutzerdefinierten Basis von 2 bis 36 um, alles gleichzeitig aus einer einzigen Eingabe.
FreeText
Bcrypt-Hash-Generator und Prüfer
Generiere und verifiziere bcrypt-Passwort-Hashes vollständig in deinem Browser mittels WebAssembly, mit einstellbarem Kostenfaktor und Salt.
FreeText
Bionic-Reading-Konverter
Verwandle jeden Text in ein bionisches Leseformat, indem der erste Teil jedes Wortes fett dargestellt wird, um dir beim schnelleren Lesen und besseren Fokussieren zu helfen.
FreeText
Blake2b-Hash-Generator
Berechne den BLAKE2b-Hash von Text oder einer Datei in deinem Browser, mit einstellbarer Ausgabelänge und optionalem Keyed Hashing (MAC).
FreeText
Caesar-Chiffre-Tool
Verschlüssele oder entschlüssele Text mit der klassischen Caesar-Chiffre, mit einer A-Z-Zuordnungstabelle, Brute-Force-Liste, Buchstabenhäufigkeitsdiagramm, und ROT13-Abkürzung.
FreeText
ASCII-Kunst-Generator
Verwandle eingegebenen Text oder ein hochgeladenes Bild in ASCII-Art. Wähle einen Schriftstil oder eine Zeichenskala, erhalte die Farbe und exportiere als Klartext oder PNG.
Kommentare (0)
Fanden Sie dieses Tool nützlich? Hinterlassen Sie einen Kommentar, teilen Sie einen Tipp oder sagen Sie uns, wie wir es verbessern können.
Noch keine Kommentare. Seien Sie der Erste, der seine Meinung teilt!