Zum Inhalt springen
OneKitly
Registrieren · Anmelden

HTML-Verschönerer

Verwandle minifiziertes oder verworrenes HTML in sauber eingerücktes Markup — oder minifiziere es.

Ähnliche Tools

Alle Tools: JSON, XML & Formate →
CSS-VerschönererFormatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es.JavaScript-Minifier / -VerschönererMinifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet.Markdown zu HTMLSieh dein Markdown live gerendert und kopiere das saubere HTML dahinter.HTML-KompressorMinifiziere HTML durch Entfernen von Kommentaren und Leerraum, um das Seitengewicht zu senken.HTML-Entity-Encoder / -DecoderWandle Text in HTML-Entities und zurück — escapt <, >, &, Anführungszeichen und optional alle Nicht-ASCII-Zeichen.ISO-8601-DatumsformatiererWandle Datum, Zeit und UTC-Versatz in ISO 8601, RFC 3339, Wochen-/Ordinaldatum, RFC 2822, HTTP-Datum und Unix-Zeitstempel.Markdown-Tabellen-GeneratorCSV, TSV oder Semikolon-Daten einfügen und eine ausgerichtete Markdown-Tabelle erhalten — mit Ausrichtung je Spalte, |-Escaping und Live-Vorschau.SQL-FormatiererFormatiere SQL-Abfragen mit großgeschriebenen Schlüsselwörtern und Zeilenumbruch je Klausel — für Lesbarkeit.

HTML-Verschönerer kannst du kostenlos und beliebig oft direkt auf dieser Seite nutzen. Zu finden ist es unter JSON, XML & Formate, mit CSS-Verschönerer und JavaScript-Minifier / -Verschönerer für die benachbarten Fälle.

So funktioniert's

  1. Öffne das Tool — ohne Anmeldung oder Installation.
  2. Gib deine Daten ein oder passe die verfügbaren Optionen an.
  3. Erhalte dein Ergebnis sofort und kopiere oder lade es herunter.

Häufige Fragen

Was ist HTML-Verschönerer?

Verwandle minifiziertes oder verworrenes HTML in sauber eingerücktes Markup — oder minifiziere es.

Wann brauche ich das konkret?

Einen maschinell erzeugten Block lesbar machen, das Zeichen finden, an dem das Parsen scheitert, und eine Datei vor dem Ausliefern verkleinern.

Was ist der häufigste Fehler?

Gültig mit richtig verwechseln. Ein Dokument kann fehlerfrei parsen und dennoch die falsche Struktur für seinen Leser haben — Validierung prüft die Syntax, nicht das Schema.

Worin unterscheidet sich HTML-Verschönerer von CSS-Verschönerer?

Sie liegen nah beieinander, beantworten aber verschiedene Fragen: CSS-Verschönerer ist das richtige, wenn es darum geht, formatiere minifiziertes oder unordentliches CSS in saubere, eingerückte Regeln — oder minifiziere es. Nimm das, was zu deinem Ausgangspunkt passt — beide sind kostenlos.

Gibt es ein Werkzeug für den nächsten Schritt?

JavaScript-Minifier / -Verschönerer ist das nächstliegende danach: Minifiziere oder verschönere JavaScript im Browser, mit einem Tokenizer, der Strings, Regex und Kommentare beachtet.

Was lohnt sich sonst noch daneben offen zu haben?

Markdown zu HTML und HTML-Kompressor — sie tauchen in derselben Aufgabe oft genug auf, um einen zweiten Tab zu verdienen.

Woher stammen die Daten?

Parsen und Serialisieren folgen der Spezifikation des jeweiligen Formats. Schlüsselreihenfolge und Leerraum sind in JSON und YAML semantisch bedeutungslos — ein neu formatiertes Dokument bleibt äquivalent.

Zum Weiterlesen

Alle Ratgeber →
RatgeberVerschönern oder minifizieren: wofür beides gut ist und was es am Gewicht ändertVier echte Stylesheets durch den Minifier, roh und nach gzip gemessen. Alle Leerzeichen zu entfernen sparte 48, 103, 104 und 147 komprimierte Bytes; die Kommentare zu entfernen 57, 1 358, 2 420 und 1 042. Dazu die fünf Eingaben, an denen dieser Minifier scheitert.AnleitungEine Markdown-Tabelle von Grund auf bauen, ohne Striche zu zählenDas Kleinste, das noch eine Tabelle ist, sind zwei Zeilen: eine Kopfzeile und eine Trennzeile. Hier steht, warum die zweite in GitHub Flavored Markdown Pflicht ist, wo Pipe-Tabellen überhaupt nicht existieren, und was ein Generator kann, was Tippen von Hand nicht kann.RatgeberEine Tabelle in einen Pull Request einfügen: was kaputtgeht und die zwei Zeichen, die es kaputtmachenEine Markdown-Tabelle verbietet in einer Zelle genau zwei Zeichen: den Pipe und den Zeilenumbruch. Hier steht, was jedes davon anrichtet, wie ein Konverter damit umgeht, warum das Escape in der richtigen Reihenfolge angewandt werden muss, und warum das Auffüllen nie zählt.RatgeberWas ein Minifier entfernen darf und was nichtMinifizierung muss die Bedeutung erhalten, und interessant ist der Leerraum, der Bedeutung trägt: der Nachfahrenkombinator, die Leerzeichen in calc(), der Abstand zwischen zwei Inline-Elementen. Hier an echten Dateien gemessen, samt dem, was Brotli ohnehin gespart hätte.AnleitungMarkdown: EinsteigerleitfadenFormatiere reinen Text mit ein paar Symbolen: # für Überschriften, ** für Fett, - für Listen. Hier steht, was Markdown ist, die Kernsyntax, warum es überall ist und die Fallstricke.ErklärungEin Datum als ISO 8601 schreiben — und warum nur dieses Format eindeutig ist01/02/2026 ist in weiten Teilen Europas der 1. Februar und in den Vereinigten Staaten der 2. Januar, und nichts in der Zeichenkette sagt, welches. ISO 8601 löst das, sortiert sich wie Text und hört an vier bestimmten Stellen auf zu genügen, die RFC 3339 ablehnt.