Machen Sie ein HTML-Dokument wieder lesbar

Entwicklerinnen und Entwickler nutzen HTML-Formatierer vor Code-Review, Fehlersuche oder Übergabe an andere Beteiligte.

Machen Sie ein HTML-Dokument wieder lesbar, damit Prüfung, Bearbeitung und Fehlersuche leichter werden. Direkt im Browser nutzbar, ohne Anmeldung.

Bedienung

Fügen Sie das HTML-Dokument, das Sie lesbarer machen möchten, in den Eingabebereich ein oder importieren Sie es dort.
Starten Sie die Formatierung, um eine eingerückte Version zu erhalten, die Blöcke und verschachtelte Elemente klarer trennt.
Prüfen Sie das Ergebnis und suchen Sie nach Stellen, an denen die Einrückung eine unerwartete Struktur oder ein falsch geschlossen wirkendes Tag erkennen lässt.
Kopieren Sie den formatierten Code in Ihren Editor und testen Sie die Seite, bevor Sie sie ausliefern oder mit einer anderen Version vergleichen.

Beispiel

Ein Entwickler könnte eine kompakte HTML-Datei von einer Kollegin oder einem Kollegen einfügen, formatieren und dann Abschnitte und Verschachtelung leichter prüfen. Das Ergebnis wird zum Ausgangspunkt für eine Prüfung oder eine gezielte Korrektur.

Grenzen und Formate

Der HTML-Formatierer validiert nicht die HTML-Konformität und repariert keine nicht geschlossenen Tags oder ungültigen Attribute.
Die Formatierung fügt Leerzeichen und Zeilenumbrüche hinzu, prüfen Sie daher Bereiche, in denen diese Änderungen wichtig sein können, etwa vorformatierte Blöcke.
Er ersetzt keinen vollständigen Editor mit Versionskontrolle, Testausführung und erweiterter Syntaxanalyse.

Wo die Verarbeitung stattfindet

Die Formatierung läuft lokal in Ihrem Browser. Das Dokument, das Sie importieren oder einfügen, bleibt auf Ihrem Gerät und wird nicht an einen externen Dienst gesendet.

Häufige Fragen

Wofür ist ein HTML-Formatierer gedacht?

Er ordnet Einrückung und Zeilenumbrüche neu, um ein Dokument leichter lesbar zu machen. Das hilft bei einer Prüfung, einer Fehlersuche oder wenn Sie Code übernehmen.

Kann ich CSS oder JavaScript formatieren?

Der Importbereich akzeptiert mehrere webbezogene Formate, darunter HTML, CSS, JavaScript, JSON, SQL und andere Textdateien. Das Ergebnis hängt vom Inhalt und davon ab, was Sie prüfen möchten.

Entspricht das Ergebnis der Seitendarstellung?

Nicht unbedingt. Die Formatierung ändert hauptsächlich die Darstellung des Quellcodes. Die Browsedarstellung kann gleich bleiben, wenn HTML-Struktur und Styles korrekt bleiben.

Repariert der Formatierer ungeschlossene Tags?

Nein, der Formatierer prüft die HTML-Konformität nicht und repariert keine ungeschlossenen Tags oder ungültigen Attribute. Er ändert vor allem Einrückung und Zeilenumbrüche, damit der Quelltext lesbarer wird. Prüfen Sie das Ergebnis daher auf unerwartete Strukturen und testen Sie die Seite, bevor Sie den Code übernehmen oder mit einer anderen Version vergleichen.

Kann das Formatieren Inhalte in vorformatierten Blöcken verändern?

Ja, das Formatieren fügt Leerzeichen und Zeilenumbrüche hinzu. In vorformatierten Bereichen können diese Änderungen sichtbar sein und die Darstellung beeinflussen. Prüfen Sie deshalb besonders solche Abschnitte sowie Stellen, an denen Leerraum eine Bedeutung hat. Testen Sie die formatierte Seite, bevor Sie sie ausliefern oder mit dem Original vergleichen.