01
Quelle behalten
Beispiel und Leeren zeigen vor dem Ersetzen die Zeichenzahl. Nach dem Anwenden stellt Rückgängig Eingabe und Ergebnis einmal gemeinsam wieder her.
- Das Beispiel enthält Inline-Abstände und geschützten pre-Inhalt.
HTML-Werkzeuge
HTML formatierenVerschachtelung sichtbar machen
Automatische Formatierung nach 350 ms; Komprimieren bleibt manuell. Strukturhinweise führen zur Quellzeile.
HTML formatieren
HTML-Quelle
Ergebnis
HTML bleibt in diesem Browser-Tab. Die statische Vorschau blockiert Skripte und externe Ressourcen.
HTML eingeben oder das Beispiel laden.
Ein aus dem CMS kopierter HTML-Block kann aus einer einzigen Zeile bestehen. HTML formatieren macht die strukturelle Verschachtelung sichtbar, ohne Inline-Text und geschützte Bereiche umzuschreiben.
Die Tag-Übersicht führt zu Zeilen der ursprünglichen Quelle. Ein Hinweis ist ein Ansatz zur Fehlersuche, keine Bescheinigung über die Konformität des Dokuments.
Warum hier HTML formatieren
Struktur sehen und Text bewahren
Beim HTML formatieren werden Grenzen zwischen strukturellen Tags eingerückt. Der Inhalt von pre, textarea, script und style sowie gewöhnliche Kommentare bleibt wörtlich erhalten.
Eine Vorschau mit klarer Grenze
HTML formatieren erzeugt eine aktuelle Ausgabe; erst Ihr Klick öffnet sie in einem isolierten statischen Frame. Skripte, Formulare und externe Abrufe sind gesperrt.
Drei Kontrollen vor dem Export
02
Ausführung bestimmen
Automatische Formatierung wartet standardmäßig 350 ms. Nach dem Abschalten startet Ctrl/Cmd+Enter; Komprimieren bleibt immer eine bewusste Aktion.
- Eine neue Einrückung macht die alte Ausgabe sofort ungültig und sperrt den Export.
03
Fundstelle und Größe prüfen
Klicken Sie auf ein Tag oder eine Diagnose, um zur Zeile und Spalte der Quelle zu springen. Der Bytevergleich misst nur die Ausgabegröße.
- Keine Diagnose bedeutet nicht, dass eine Normprüfung bestanden wurde.
Lesen, verdichten und lokalisieren
Behutsame Einrückung
Zeilenumbrüche entstehen nur an strukturellen Tag-Grenzen; Inline-Wörter und Attributreihenfolge bleiben erhalten.
Gezielte Komprimierung
Aus der Originaleingabe entsteht eine kompakte Fassung mit UTF-8-Bytevergleich; Kommentare und eingebetteter Code bleiben.
Tag-Baum mit Fundstellen
Der HTML5-Parser zeigt Hierarchie, Quellzeilen und vom Browser ergänzte Knoten getrennt an.
Isolierte statische Vorschau
Nur die aktuelle Ausgabe ist sichtbar; aktive Elemente und Anfragen nach außen sind blockiert.
Grenzen der Strukturprüfung
- Kein vollständiger Validator
- HTML formatieren meldet lokalisierte Parserprobleme und wahrscheinlich fehlende End-Tags, prüft aber nicht alle Inhaltsmodelle oder Barrierefreiheitsregeln.
- Leerraum kann sichtbar werden
- Inline-Abstände und geschützte Blöcke bleiben, doch CSS white-space kann auch strukturelle Abstände relevant machen. Prüfen Sie das reale Layout.
- Keine automatische Reparatur
- Vue, JSX und Liquid werden nicht als eigene Sprachen geparst. Vom Browser ergänzte Knoten erscheinen nur in der Übersicht, nicht im exportierten Quelltext.
- Kein Netzwerk oder Zusatz-Minifier
- URL-Abruf, Stapeldateien, Kommentarentfernung, Attributsortierung und Komprimierung von eingebettetem CSS oder JavaScript fehlen bewusst.
Fragen zum HTML formatieren
Kann das Formatieren die Darstellung meiner Seite ändern?
Ja, falls CSS Leerraum sichtbar macht. Inline-Abstände und geschützte Bereiche bleiben; vergleichen Sie die Ausgabe dennoch in der echten Seite.
Werden ungültige HTML-Tags beim Formatieren repariert?
Nein. Dieser HTML-Formatierer meldet manche Probleme mit Position; er schreibt keine fehlenden Tags in die Quelle.
Worin unterscheiden sich Formatierung und Minifizierung?
Formatierung macht die Hierarchie lesbar, Minifizierung verkürzt strukturelle Abstände. Beide Ausgaben stammen aus der unveränderten Quelle.
Bleiben Inhalte in script und style unverändert?
Ja. Diese Blöcke werden wörtlich übernommen und nicht mit einem CSS- oder JavaScript-Minifier bearbeitet.
Wird mein HTML an einen Server gesendet?
Nein. Verarbeitung und Prüfung laufen in diesem Browser-Tab. Die statische Vorschau wird nur auf Wunsch geöffnet und darf nichts extern laden.
Etwas unklar?
Jetzt HTML formatieren
Fügen Sie eine echte Vorlage ein, verfolgen Sie auffällige Tags bis zur Quelle und exportieren Sie nur das aktuelle Ergebnis.