Code formatieren / MULTIVERTO
Ordnen Sie ausdrücklich verschachtelte HTML-Tags übersichtlich an.
Jedes Textwerkzeug auf das vorherige Ergebnis anwenden.
01 / Anleitung
Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten.
Prüfen Sie bei komplexer Syntax oder Produktionsdateien die Ausgabe in der Zielanwendung und mit einem spezialisierten Werkzeug.
02 / Beispiel
<main><h1>Hallo</h1><p>Willkommen</p></main><main>
<h1>Hallo</h1>
<p>Willkommen</p>
</main>03 / Anleitung
Ordnen Sie ausdrücklich verschachtelte HTML-Tags übersichtlich an. Einrückung und Zeilenumbrüche zeigen die Struktur; unterstützte Eingabeelemente bleiben erhalten. Der Formatter zeigt ausdrücklich verschachtelte Tags als Baum. Benachbarte Elemente werden getrennt, ohne ihren Text zu ändern. Das hilft bei Komponenten; ein Dokument mit optionalen End-Tags benötigt einen vollständigen HTML-Parser.
HTML besitzt Elemente, Attribute und Textknoten; Leerraum in Text kann die Darstellung beeinflussen. Der lokale Formatter akzeptiert ausdrücklich verschachtelte Tags und bewahrt den Text dazwischen. Er weist Raw-Text-Container wie script, style, pre und textarea zurück, bei denen ein einfacher Tags-Scanner täuschen könnte. Die kompakte Variante entfernt nur strukturellen Leerraum etwa in Listen und Tabellen; sie verdichtet weder beliebigen Text noch schreibt sie Attribute um. Zwei Inline-Elemente mit einem Zwischenraum können anders erscheinen als ohne. Browser unterstützen außerdem optionale End-Tags und Fehlerkorrektur, die dieser begrenzte Editor nicht nachbildet.
Formatieren hilft vor allem bei Prüfung und Fehlersuche, weil Einrückungen eine fehlende Verschachtelung oder ein unerwartetes Nebenelement sichtbar machen. Fügen Sie ein vollständiges, repräsentatives Fragment ein und formatieren Sie es einmal. Lesen Sie die Ausgabe von außen nach innen und achten Sie auf Anfang und Ende jedes Elements, Blocks oder jeder Klausel. Diese Seite ersetzt keinen Compiler für sämtliche Spracherweiterungen; fortgeschrittene Konstruktionen können abgewiesen werden. Prüfen Sie nach dem Kopieren mit dem üblichen Validator oder den Tests des Zielprojekts. Bevor Sie den formatierten Text speichern, betrachten Sie den Unterschied zur Quelle, damit Layoutänderungen keine unbeabsichtigte Änderung an Literalen oder Datenwerten verdecken.
Bewahren Sie die Quelle neben der Ausgabe auf und prüfen Sie zuerst ein kleines bekanntes Beispiel, bevor Sie ein großes Dokument bearbeiten. Vergleichen Sie den sachlichen Inhalt, nicht bloß Dateigröße oder Zeilenzahl. Kontrollieren Sie Namen, zitierte Zeichenketten, Nicht-ASCII-Zeichen, Zeilenenden und wiederholte Felder nach der Umwandlung. Eine lesbare Ausgabe validiert kein Schema, belegt keine Ausführbarkeit von Code und macht Daten nicht automatisch veröffentlichbar. Diese Seite verarbeitet Text im Browser und zeigt die Ausgabe als Text; beim Einfügen gelten jedoch die Regeln der Zielanwendung. Wird eine Eingabe abgewiesen, suchen Sie die nicht unterstützte Konstruktion und verwenden Sie gegebenenfalls einen spezialisierten Parser.