Rücken Sie unordentliches oder minifiziertes HTML ein, damit die Struktur klar wird.
Tool wird geladen ...
So verwenden Sie HTML Formatter
Fügen Sie Ihr HTML ein.
Wählen Sie die Einrückung.
Kopieren Sie das formatierte Ergebnis.
Über HTML Formatter
Das HTML einer Seite aus den Entwicklertools oder aus einem E-Mail-Template zu kopieren, ergibt meist eine endlose Zeile. Der Formatierer setzt Block-Elemente in eigene Zeilen und rückt untergeordnete Elemente unter ihren übergeordneten ein. Inline-Elemente wie <b> und <a> bleiben im Textfluss.
Inhalte in <pre>, <textarea> und <code> werden nicht angetastet, weil dort Leerraum eine Rolle spielt. Eingebettete Styles und Skripte werden ebenfalls formatiert.
Häufig gestellte Fragen
Ändert die Formatierung, wie die Seite dargestellt wird?
Normalerweise nicht. HTML behandelt den meisten Leerraum als ein einzelnes Leerzeichen. An einigen Stellen, etwa zwischen Inline-Elementen, kann ein Zeilenumbruch ein sichtbares Leerzeichen hinzufügen, prüfen Sie daher Seiten, die darauf empfindlich reagieren.
Repariert es mein ungültiges HTML?
Nein, es formatiert, was es bekommt. Verwenden Sie den HTML Validator, um nicht geschlossene Tags zu finden.
Formatiert es Inline-CSS und JavaScript?
Ja, style- und script-Blöcke werden zusammen mit dem Rest des Dokuments eingerückt.
Was ist mit HTML-E-Mail-Templates?
Sie funktionieren, aber denken Sie daran, dass E-Mail-Clients wählerisch sind. Formatieren Sie eine Kopie zum Lesen und behalten Sie das Original zum Versenden.