DE

HTML formatieren

Mach aus unordentlichem oder minifiziertem HTML sauberes, eingerücktes Markup. Block-Elemente bekommen eigene Zeilen, kurzer Inline-Inhalt bleibt zusammen, und eingebettetes CSS und JavaScript werden ebenfalls formatiert.

Kostenlos und privat. Alles läuft in deinem Browser, nichts wird hochgeladen.

So funktioniert es

  1. HTML einfügenFüge den Code ein, tippe ihn oder öffne eine Datei. Mit Beispiel siehst du, wie es aussieht.
  2. Ergebnis prüfenDas Ergebnis erscheint rechts, während du tippst. Fehler werden mit Zeile und Spalte angezeigt.
  3. Kopieren oder herunterladenKopiere das HTML mit einem Klick oder lade es als Datei herunter.

Formatierung, die HTML versteht

Nicht jedes Tag braucht eine eigene Zeile. Links, fetter Text und Bilder in einem Absatz bleiben im Textfluss, während divs, Listen und Tabellen als Blöcke eingerückt werden. Optionale schließende Tags wie li und td werden verstanden, deshalb werden auch Seiten, die ohne sie geschrieben sind, richtig formatiert.

Der Inhalt von pre und textarea wird nie angefasst, weil Leerzeichen dort auf der Seite sichtbar sind.

Über HTML

HTML beschreibt den Aufbau von Webseiten. Der Formatierer weiß, welche Tags Blöcke und welche Inline-Elemente sind, lässt den Inhalt von pre und textarea genau so, wie er ist, und formatiert auch Scripts und Styles innerhalb der Seite.

Häufige Fragen

Verändert das Formatieren, wie meine Seite aussieht?

Fast nie. Leerraum zwischen Block-Elementen ist in HTML unsichtbar. Text in pre und textarea bleibt genau so, wie er geschrieben wurde.

Wird mein Code irgendwo hochgeladen?

Nein. Formatieren und Minifizieren laufen in deinem Browser. Dein Code wird nicht an unsere Server gesendet.

Benennt das Minifizieren meine Variablen um?

Nein. Beim Minifizieren werden nur Kommentare, Zeilenumbrüche und Leerzeichen entfernt. Die Namen bleiben lesbar und der Code verhält sich genau gleich, deshalb ist es für jede Datei sicher.

Warum bleiben in minifiziertem JavaScript manche Zeilenumbrüche stehen?

JavaScript wertet manche Zeilenumbrüche als Ende einer Anweisung. Wo das Entfernen ändern könnte, was der Code tut, bleibt der Umbruch erhalten.

Kann ich hier JSON formatieren?

Für JSON gibt es ein eigenes Tool mit Baumansicht und Validierung. Nutze die unten verlinkte Seite JSON-Tools.

Funktioniert es offline?

Ja. Wenn du die Seite einmal geöffnet hast, funktioniert sie auch ohne Internetverbindung weiter.