Verschönere HTML mit blockbewusster Einrückung oder minifiziere es. Die Inhalte von pre, textarea, script und style bleiben erhalten.
So nutzt du den HTML Formatter
Füge dein HTML in das Eingabefeld ein.
Wähle Verschönern zum Einrücken oder Minifizieren zum Komprimieren.
Lege die Einrückung fest und kopiere das Ergebnis.
Dies ist ein HTML-Formatierer, der Markup mit block- und inline-bewusster Einrückung verschönert oder es verkleinert, indem er Leerzeichen zusammenfasst und Kommentare entfernt. Du wählst die Einrückungsgröße beim Verschönern.
Beim Verschönern werden Elemente danach eingerückt, wie sie verschachtelt sind, damit die Struktur eines Dokuments, welche Elemente welche enthalten, offensichtlich wird. Das macht handgeschriebenes oder generiertes HTML deutlich leichter lesbar und debuggbar.
Sowohl Verschönern als auch Verkleinern laufen vollständig in deinem Browser, also verlässt dein Markup nie dein Gerät.
Er lässt die Inhalte von pre, textarea, script und style bewusst unangetastet, weil Leerzeichen innerhalb dieser Elemente bedeutsam sind: Sie neu zu formatieren würde vorformatierten Text, das, was Nutzer eingeben, oder die Bedeutung deines Codes verändern.
Beim Verkleinern werden Kommentare entfernt und Folgen von Leerzeichen zusammengefasst, was die Dateigröße reduziert, die Browser herunterladen müssen. Am nützlichsten ist es als Build-Schritt für Produktionsseiten.
Der Verkleinerer behält ein einzelnes Leerzeichen zwischen Tags, statt es ganz zu entfernen, weil Leerzeichen zwischen Inline-Elementen tatsächlich gerendert wird und sein Wegfall dein Layout verschieben kann. Diese Vorsicht vermeidet die subtilen visuellen Fehler, die aggressive Verkleinerer verursachen können.
Häufig gestellte Fragen
Es rückt Elemente anhand ihrer Verschachtelung und Struktur ein, lässt dabei aber den Inhalt von pre, textarea, script und style unberührt, da Leerraum dort bedeutsam ist.
Es entfernt Kommentare und fasst Folgen von Leerräumen zu einem einzelnen Leerzeichen zusammen. Es behält einzelne Leerzeichen zwischen Tags, statt sie zu entfernen, weil Leerraum zwischen Inline-Elementen gerendert wird und sein Wegfall das Layout verschieben kann.
Nein. Sowohl das Verschönern als auch das Minifizieren laufen vollständig in deinem Browser, sodass dein Markup nie dein Gerät verlässt.
Es ist so ausgelegt, dass es das nicht tut. Indem es einzelne Leerzeichen zwischen Inline-Elementen behält, vermeidet es die Layout-Verschiebungen, die auftreten können, wenn Leerraum zwischen Tags zu aggressiv entfernt wird.
Nein. Es formatiert und minifiziert das Markup, prüft es aber nicht gegen die HTML-Spezifikation, daher formatiert es auch dann um, wenn ein Tag nicht geschlossen oder falsch verwendet ist.
Dieses Tool einbetten
Füge dieses Tool zu deiner eigenen Website hinzu. Kopiere den Code unten. Er bleibt automatisch aktuell.
<iframe src="https://monu.tools/embed/de/html-formatter" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>Verwandte Tools
Verschönere und formatiere JavaScript mit einheitlicher Einrückung und Abständen. Läuft komplett im Browser.
Wandle CSV in eine Excel-.xlsx-Datei und Excel zurück in CSV um, komplett im Browser. Funktioniert in beide Richtungen.
Erzeuge TypeScript-Interfaces aus einem JSON-Beispiel, mit verschachtelten Typen, Arrays und optionalen Feldern. Läuft im Browser.
Wandle JSON in XML und XML zurück in JSON um, in beide Richtungen, komplett im Browser.