DE

HTML formatieren

Mit diesem Werkzeug können Sie HTML formatieren: Sie fügen den Quelltext ein und erhalten ihn sauber eingerückt zurück oder auf das Nötigste minimiert. Der Code bleibt im Browser, nichts wird hochgeladen, und pre-Blöcke, Skripte und Attributwerte bleiben unverändert.

Quelle: WHATWG HTML Living Standard – Syntax: Void-Elemente, Raw-Text-Elemente (script, style), optionale End-Tags. Stand: .

Ein Dokument oder nur einen Ausschnitt einfügen (bis 500.000 Zeichen).

Ihr Text bleibt in Ihrem Browser – er wird nicht gesendet, nicht gespeichert und nicht in die Adresszeile geschrieben.

Meine ToolboxIhre Eingaben werden nur in diesem Browser gespeichert.

Ergebnis

Ergebnis
<div class="karte"> <h2>Titel</h2> <p>Ein <strong>kurzer</strong> Absatz mit etwas <em>Hervorhebung</em>.</p> <ul> <li>Eins</li> <li>Zwei</li> </ul> <hr> </div>
Größe
17 Tags, 152 → 178 Zeichen.

So wird gerechnet

HTML formatieren – so geht's

  1. Quelltext in das Feld einfügen – ganzes Dokument oder nur ein Ausschnitt.
  2. Unter „Aktion“ Formatieren oder Minimieren wählen, bei Bedarf die Einrückung einstellen.
  3. Ergebnis kopieren und zurück in den Editor setzen.

Was beim Formatieren passiert

Was beim Minimieren passiert

Aufeinanderfolgende Leerzeichen und Zeilenumbrüche werden zu einem Leerzeichen, Kommentare entfallen (bedingte Kommentare für alte Browser bleiben). Zwischen Blockelementen fällt der Leerraum ganz weg, zwischen Inline-Elementen bleibt ein Leerzeichen, weil es im Browser sichtbar ist. CSS in style wird verdichtet, JavaScript bleibt unangetastet.

Ehrliche Grenzen

Das ist kein vollständiger HTML-Parser: Fehlerhafter Code wird nicht repariert, sondern möglichst unverändert übernommen und gemeldet. Für Vorlagen mit Serversyntax wie {% if %} oder <?php ?> kann die Einrückung ungewöhnlich aussehen.

Häufige Fragen

Wie kann ich HTML online formatieren?

Quelltext einfügen, „Formatieren“ wählen und das eingerückte Ergebnis kopieren. Ein Konto brauchen Sie nicht.

Wird mein HTML-Code hochgeladen?

Nein. Die Verarbeitung läuft vollständig in Ihrem Browser, der Code wird weder gesendet noch gespeichert.

Wie formatiere ich HTML in VS Code oder Notepad++?

In VS Code genügt Umschalt+Alt+F, in Notepad++ hilft ein Formatierungs-Plugin. Dieses Werkzeug ist die schnelle Lösung, wenn kein Editor zur Hand ist.

Ändert das Minimieren das Aussehen der Seite?

Normalerweise nicht: Mehrfacher Leerraum wird im Browser ohnehin zu einem Leerzeichen. Ausnahmen sind pre-Blöcke, die unverändert bleiben.

Kann ich auch CSS und JavaScript formatieren?

Stile und Skripte im HTML werden eingerückt, aber nicht umgeschrieben. Für reines CSS gibt es den CSS-Minimierer, für JSON den JSON-Formatierer.

Quellen und Rechtsgrundlagen

Stand: · So prüfen wir

Passende Werkzeuge