HTML-Formatierer & Beautifier

Online-HTML-Formatter und HTML-Beautifier

Fügen Sie ein HTML-Dokument, eine Komponente, eine E-Mail-Vorlage, ein generiertes Snippet oder eine minifizierte Antwort ein und wählen Sie „HTML formatieren“, um das Markup zu verschönern. Verwenden Sie es, um HTML online zu formatieren: Konsistente Einrückungen und Zeilenumbrüche verschönern den HTML-Code und verwandeln eine minifizierte Antwort in ansprechendes HTML, das leichter zu überprüfen ist. Wählen Sie „Minifizieren“, wenn Sie eine kompakte Kopie benötigen, während der Rohinhalt innerhalb von pre-, textarea-, script- und style-Elementen intakt bleibt.

Wie man HTML formatiert oder verschönert

1. Fügen Sie valides, minifiziertes, unvollständiges oder fehlerhaftes HTML in das Eingabefeld ein.
2. Wählen Sie die Einstellungen für Einrückung, Umbruch und neue Zeilen, und klicken Sie dann auf „HTML formatieren“.
3. Überprüfen Sie etwaige Hinweise, dann kopieren Sie das Ergebnis, laden es herunter oder sehen sich eine Vorschau im HTML-Viewer an.

Ein Formatierer, der auch mit fehlerhaftem HTML funktioniert

Unvollständige Arbeit ist beim Bearbeiten üblich: Ein schließendes Tag kann fehlen, die Verschachtelung fehlerhaft sein oder ein Attribut-Anführungszeichen unvollständig sein. Dieser HTML-Code-Formatierer verwendet einen toleranten Tokenizer, um HTML-Code neu zu formatieren und eine bestmögliche Ausgabe zu liefern, anstatt beim ersten Syntaxproblem zu blockieren. Hinweiswarnungen teilen Ihnen mit, wenn die Quelle fehlerhaft erscheint, aber die ursprüngliche Struktur wird nicht stillschweigend durch den Browser neu geparst.

HTML-Formatierung ist keine HTML-Validierung

Ein Formatierer ändert Leerräume und Einrückungen. Ein Validator prüft die Konformität mit HTML-Regeln, während ein Browser-Parser auch fehlende Elemente ableiten und einen Dokumentenbaum reparieren kann. Dieser Formatierer verspricht keines dieser Ergebnisse: Überprüfen Sie Warnungen und testen Sie die Ausgabe in einem HTML-Viewer oder Browser, bevor Sie sie produktiv einsetzen.

Sehen Sie sich formatiertes

Private, lokale HTML-Verarbeitung

Ihre Eingabe und die formatierte Ausgabe bleiben in diesem Browser-Tab. Formatierung, Minimierung, Kopieren und Vorbereitung des Downloads erfolgen lokal, ohne dass ein Konto oder Upload erforderlich ist.

Wenn ein HTML-Formatierer nicht ausreicht

Verwenden Sie diesen Formatierer, um HTML für ein Snippet, eine generierte Antwort oder eine schnelle Bereinigung zu verschönern. Wechseln Sie zu Phoenix Code, wenn die Arbeit HTML, CSS, JavaScript, Assets und mehrere Dateien umfasst oder wenn Sie Live-Vorschau, projektweite Suche, Git und Code-Intelligenz in einem einzigen Editor benötigen.

Häufig gestellte Fragen

Kann dieser Formatierer ungültiges oder fehlerhaftes HTML verschönern?

Ja, im Best-Effort-Modus. Er kann viele Snippets mit fehlenden schließenden Tags, falsch verschachtelten Elementen oder optionalen End-Tags einrücken. Unsichere, unvollständige Token werden wortwörtlich mit einem Hinweis beibehalten, damit die Formatierung sie nicht stillschweigend neu interpretiert.

Repariert die Formatierung fehlerhaftes HTML?

Nein. Die Formatierung macht den Quellcode leichter lesbar, garantiert aber keine Reparatur der Syntax oder Semantik. Das Tool vermeidet es, Ihren Quellcode stillschweigend durch ein vom Browser rekonstruiertes Dokument zu ersetzen, damit Sie das ursprüngliche Markup selbst sehen und korrigieren können.

Verändert das Minifizieren von HTML den Inhalt von script-, style-, pre- oder textarea-Elementen?

Der Minifizierer schützt diese Rohinhaltsbereiche und entfernt nur zurückhaltend Leerzeichen zur Formatierung im restlichen Markup. Testen Sie verhaltenskritische Vorlagen immer vor der Bereitstellung.

Wird mein HTML hochgeladen?

Nein. Der Formatierer und der Minifizierer laufen lokal in Ihrem Browser, und Downloads werden auf Ihrem Gerät erstellt.