HTML Formatierer - HTML Formatieren & Verschönern Online
HTML-Code online formatieren und verschönern mit korrekter Einrückung. Auch HTML komprimieren. Kostenlos, läuft im Browser.
Eingabe
Ausgabe
Was ist ein HTML-Formatierer?
Ein HTML-Formatierer (auch HTML-Verschönerer genannt) nimmt schlecht eingerücktes oder komprimiertes HTML und gibt eine saubere, korrekt eingerückte Version aus. Er fügt nach jedem Tag Zeilenumbrüche hinzu und rückt verschachtelte Elemente ein, damit die Struktur sofort lesbar ist.
Dieses Tool hat zwei Modi: Formatieren (verschönern) und Komprimieren. Beide laufen vollständig in Ihrem Browser; es werden keine Daten an einen Server gesendet.
So verwenden Sie dieses Tool
Modus wählen
Wählen Sie Formatieren, um HTML mit korrekter Einrückung zu verschönern, oder Komprimieren, um unnötigen Leerraum und Kommentare zu entfernen.
HTML einfügen oder hochladen
Fügen Sie Ihr HTML in den linken Editor ein oder verwenden Sie Hochladen, um eine Datei zu laden. Klicken Sie auf Beispiel, um ein Beispiel auszuprobieren.
Ergebnis kopieren oder herunterladen
Das rechte Panel wird automatisch aktualisiert. Verwenden Sie <strong>Kopieren</strong> oder <strong>Herunterladen</strong>, um das Ergebnis zu speichern. Zum Escapen von Sonderzeichen in HTML verwenden Sie das HTML Escape-Tool.
HTML-Formatierungsbeispiel
Hier ein kompaktes HTML-Snippet vor und nach der Formatierung:
Rohes (unformatiertes) HTML
Formatierte Ausgabe
Wann Formatierung wichtig ist
Komprimiertes oder automatisch generiertes HTML kann schwer zu lesen sein. Formatierung fügt Einrückungen hinzu, damit Sie die Verschachtelungsstruktur der Elemente schnell erkennen können.
Der Komprimierungsmodus macht das Gegenteil: Er entfernt Leerzeichen und Kommentare, um die Dateigröße zu reduzieren. Für einen dedizierten Komprimierer, siehe den HTML Minimierer.
Häufig gestellte Fragen
Ändert die Formatierung das Rendering des HTML?
Nein. Leerzeichen zwischen Block-Elementen haben keine sichtbaren Auswirkungen in Browsern. Die Formatierung betrifft nur die Lesbarkeit des Quellcodes.
Werden meine Daten an einen Server gesendet?
Nein. Die gesamte Verarbeitung läuft in Ihrem Browser.
Verwandte Tools
Siehe den HTML Living Standard und MDN HTML-Dokumentation.