HTML-Reparaturtool
Defektes HTML online reparieren — nicht geschlossene Tags, fehlende Anführungszeichen, fehlerhaft passende Elemente und falsche Verschachtelung beheben.
Was ist das HTML-Reparaturtool?
Sie haben HTML, das fast korrekt ist, aber die Seite zerlegt? Ein nicht geschlossenes <p>, ein verirrtes </div> oder ein href ohne Anführungszeichen können den Rest des Dokuments in einen seltsamen Parsing-Zustand werfen. Der Browser gibt sein Bestes mit schlechtem Markup — aber das Ergebnis ist selten das, was Sie wollten. Hier einfügen, und wir geben Ihnen etwas zurück, mit dem der Parser zufrieden ist, gemäß den Regeln des WHATWG HTML Living Standard.
Es zielt auf die alltäglichen Brüche: ein fehlendes Schlusstag, ein nicht escapetes Anführungszeichen, ein Attributwert ohne ", ein nicht geschlossenes Listenelement, ein verschachteltes Block-Element dort, wo es nicht hingehört. Genau das, was der offizielle W3C-Validator jeweils einzeln meldet. Das Reparaturtool liest das ganze Dokument auf einmal und gibt Ihnen eine saubere Version zurück, die Sie direkt wieder ins Projekt setzen können.
Ihr Markup wird per HTTPS an den Reparaturdienst geschickt und nicht aufbewahrt. Wenn Sie Inline-Geheimnisse wie API-Schlüssel in <code><script></code>- oder <code>data-*</code>-Attributen hartkodiert haben, schwärzen Sie diese, bevor Sie einfügen.
So nutzen Sie das HTML-Reparaturtool
Drei Schritte. Funktioniert mit Teilfragmenten, vollständigen Dokumenten oder dem seltsamen Mix, den Sie aus einem CMS-Export bekommen haben.
Defektes HTML einfügen oder Beispiel laden
Lassen Sie Ihr HTML in den linken Editor fallen. HTML-Beispiel drücken für eine kleine Bestellbestätigungsseite mit den typischen Fehlern — ein <head>, das nie geschlossen wird, ein Listenelement ohne </li>, ein href ohne Anführungszeichen. Beispiel für defektes HTML:
<p>Your order <strong>SKU-101 ships tomorrow.
<ul>
<li>1 x Laptop Stand
<li>2 x USB-C Cable</li>
</ul>Drei Fehler hier: <strong> wird nie geschlossen, das erste <li> wird nicht beendet, und es gibt kein </p>. Das Reparaturtool schließt sie in der richtigen Reihenfolge.
Auf HTML reparieren!! klicken
Drücken Sie den grünen HTML reparieren!!-Button. Wir schicken Ihr Markup an den Reparaturdienst, der offene Elemente gemäß den HTML-Syntaxregeln schließt, Attribut-Anführungszeichen wiederherstellt und Verschachtelung korrigiert, wenn sie eindeutig falsch ist. Ihr Textinhalt, Klassen, IDs und Inline-Styles bleiben unangetastet.
Reparierte Ausgabe prüfen
Im rechten Panel steht das reparierte HTML. Werfen Sie es in einen Browser, in unseren HTML-Validator für einen Sanity-Check oder zurück in Ihr CMS. Für eine tiefere Barrierefreiheits-Prüfung nutzen Sie ein dediziertes a11y-Tool — das ist ein anderes Thema als Syntaxreparatur.
Wann Sie das tatsächlich nutzen würden
CMS- oder E-Mail-Template-Ausgabe reparieren
WYSIWYG-Editoren und E-Mail-Template-Builder lieben es, subtil defektes Markup auszuliefern — verwaiste <p>-Tags, fehlende alt-Attribute, gelegentlich ein nicht geschlossenes <td>. Schicken Sie den Export einmal hier durch, bevor Sie veröffentlichen, damit die gerenderte Seite zwischen Browsern nicht unerwartet verrutscht.
Aus Office-Apps eingefügtes Markup retten
Word und Google Docs fügen ein Geflecht aus <span>s und proprietären Attributen ein, oft mit unausgeglichenen Tags oder verirrten . Das Reparaturtool räumt die Struktur auf, sodass Sie das Ergebnis weiterbearbeiten können, statt von Grund auf neu zu schreiben.
Handgeschriebene Komponenten reparieren
Schnell hingeworfene HTML-Snippets in einem Tutorial, einer Wiki-Seite oder einem alten README — reinkopieren, säubern lassen, dort einfügen, wo es hin soll. Praktisch, um sich freizuschaufeln, wenn ein Beispiel im Blogpost von jemand anderem funktioniert hat, aber bei Ihnen nicht.
Gescrapte Seiten vor dem Parsen säubern
Wenn Sie HTML scrapen, um es in einen Extraktor zu schieben, bringt defektes Markup DOM-basierte Parser durcheinander. Lassen Sie die Seiten zuerst hier durchlaufen, damit Ihr Parser eine stabile Struktur zum Arbeiten hat. Kombinieren Sie mit einem echten Validator, wenn Sie strikte Konformität brauchen.
Häufig gestellte Fragen
Wird mein HTML gespeichert oder geteilt?
Das HTML, das Sie einfügen, wird per HTTPS an unser Backend geschickt, um die Reparatur durchzuführen, und wir behalten es nicht, nachdem die Antwort zurückging. Im Anfragepfad gibt es keine Drittanbieter-Tracker. Dennoch: Wenn Ihre Seite hartkodierte API-Schlüssel, interne URLs oder Analytics-Tokens enthält, behandeln Sie sie wie jeden anderen öffentlichen Paste — entfernen Sie sensible Werte vorher.
Welche Arten von HTML-Fehlern repariert es tatsächlich?
Nicht geschlossene Tags (<p>, <li>, <td>, <span>), nicht passende Schlusstags, fehlende oder unausgeglichene Attribut-Anführungszeichen, fehlerhaftes DOCTYPE, verirrte &/</> im Textinhalt, die Entities sein sollten, und offensichtliche Verschachtelungsfehler (Block-Element in einem Inline-Element). Es erfindet keine fehlenden Inhalte und schreibt gültiges Markup nicht um.
Ändert es meine Klassen, IDs oder Inline-Styles?
Nein. Das Reparaturtool ist explizit angewiesen, nur Syntax zu reparieren — Klassennamen, IDs, Inline-style-Attribute, data-*-Attribute und Event-Handler wie onclick werden wortwörtlich durchgereicht. Wenn die Ausgabe je so aussieht, als wäre einer davon verändert worden, ist das ein Bug.
Produziert es HTML5, XHTML oder beides?
Es zielt auf HTML5 — das parst jeder aktuelle Browser. Selbstschließende Tags an void-Elementen wie <br /> werden in der Eingabe akzeptiert, aber die Ausgabe nutzt die Standard-HTML5-Form. Wenn Sie speziell strikte XHTML-Ausgabe brauchen (heute selten), nutzen Sie stattdessen ein XHTML-fähiges Tool.
Warum nicht einfach mein HTML durch den W3C-Validator jagen?
Sollten Sie für den finalen Durchlauf — der W3C-Validator ist die Quelle der Wahrheit dafür, was als gültiges HTML zählt. Aber er zeigt Fehler einzeln an und behebt sie nicht. Das Reparaturtool ist dafür da, das Dokument erst einmal in einem Durchgang zu schließen; danach lassen Sie den Validator zur Bestätigung laufen.
Was ist mit Barrierefreiheit — fügt es fehlende alt oder ARIA hinzu?
Nein, und das ist Absicht. ARIA-Rollen und alt-Texte sind Inhaltsentscheidungen, keine Syntaxentscheidungen. Ein Platzhalter alt="" hinzuzufügen würde ein echtes Barrierefreiheits-Problem überdecken. Lassen Sie ein dediziertes a11y-Audit (axe, WAVE, Lighthouse) dafür laufen.
Andere HTML-Tools, die Sie brauchen könnten
Die Syntax zu reparieren ist nur der Anfang. Sobald es parst, sind das nützliche nächste Schritte: