Stimmt etwas mit diesem Tool nicht?
Über „HTML Formatieren Online“
Dieses Tool formatiert HTML für die Lesbarkeit: Re-Indentation verschachtelter Tags, Umbruch langer Zeilen, normalisierte Abstände in Attributen — Ausgabe leicht zu lesen und zu bearbeiten. Optionaler Minify-Modus für minimale Größe.
Praktisch beim Inspizieren produktiver Seiten (alles in einer Zeile), beim Vorbereiten für Reviews, für teaminternes konsistentes Layout oder zum Minifizieren vor dem Deploy.
HTML5-Void-Elemente werden erkannt; <pre>, <script>, <textarea> bleiben unverändert; Inline-Elemente werden anders als Blockelemente behandelt, damit der Textfluss erhalten bleibt.
So nutzt du dieses Tool
Minifiziertes oder unordentliches HTML schön formatieren
HTML einfügen
Minifiziertes oder unsauber handgeschriebenes HTML ins Feld «HTML». Vollständige Dokumente (mit `<!doctype>`) und Fragmente werden akzeptiert.
Ausführen
Ergebnis: einzelnes Feld `formatted`. Einrückung 2 Leerzeichen, ein Tag pro Zeile an strukturellen Stellen. Inline-Elemente bleiben in einer Zeile, wenn sie Text benachbart sind — `<p>Hi <strong>there</strong></p>` wird nicht zu drei Zeilen.
Was erhalten bleibt
Attribute bleiben in derselben Zeile wie das öffnende Tag — kein Umbruch bei vielen Attributen. Kommentare (`<!-- … -->`), `<script>`-, `<style>`- und `<pre>`-Inhalte gehen unverändert durch, damit JS oder whitespace-empfindlicher Text nicht beschädigt wird.
Round-Trip
Formatieren zum Review, vor dem Deploy minifizieren. Der Formatter ist mit ungültigem HTML nachsichtig; ein fehlendes Tag im Input kann im Output früher schließen als erwartet. Bei verdächtigen Eingaben nach dem Formatieren mit dem W3C-Validator gegenchecken.