So nutzt du es
- Füg dein HTML ein, öffne eine
.html-Datei oder starte mit dem Beispiel: einer Seite, die in eine Zeile gequetscht ist. - Wähle 2 Leerzeichen, 4 Leerzeichen oder Tabs. Das formatierte HTML erscheint, während du tippst.
- Kopiere es, lade es herunter oder klick auf Diese Seite veröffentlichen, um es online zu stellen.
Was sich ändert und was nicht
Formatieren fügt nur Leerraum zwischen Tags hinzu oder entfernt ihn: Jedes Blockelement beginnt in einer eigenen Zeile, eingerückt nach seiner Tiefe. Text, Attribute und der Inhalt von <pre> und <textarea> bleiben, wie sie sind, die Seite sieht also vorher und nachher gleich aus. Leerzeilen, die du zwischen Abschnitten gelassen hast, bleiben erhalten (bis zu zwei hintereinander), und auch der Inhalt von <script> und <style> wird eingerückt.
Wann es hilft
- Beim Lesen des Quelltexts einer Seite, die jemand anderes gebaut hat, oder einer minifizierten Vorlage.
- Zum Aufräumen von HTML, das ein KI-Assistent geschrieben hat, bevor du es bearbeitest.
- Damit ein Diff lesbar wird: beide Versionen vorher gleich formatieren.
Häufige Fragen
Ändert das Formatieren, wie meine Seite aussieht?
Bei Blockelementen nicht. Zwischen Inline-Elementen, etwa zwei Links nebeneinander, erscheint jeder Leerraum als ein Leerzeichen, und der Formatter lässt Inline-Elemente in derselben Zeile, wo sie nebeneinander standen.
Repariert es kaputtes HTML?
Nein: Es rückt ein, was da ist. Um zu sehen, wie ein Browser es liest, öffne es im HTML-Viewer.
Welchen Formatter nutzt es?
js-beautify, einen weit verbreiteten Open-Source-Formatter, der in deinem Browser läuft.
Wird mein HTML hochgeladen?
Nein. Das Formatieren läuft in deinem Browser. Es wird nur an Lobsite gesendet, wenn du auf Diese Seite veröffentlichen klickst.