DeutschDE

HTML formatieren – HTML-Formatierer & Beautifier

Fügen Sie HTML ein und klicken Sie auf „HTML formatieren“ – es wird nach den Regeln von Prettier aufgeräumt.

Ihre Texte und Dateien bleiben in Ihrem Browser – nichts wird an einen Server gesendet.

So funktioniert’s

  1. Fügen Sie Ihr HTML ein und klicken Sie auf „HTML formatieren“. Beim ersten Mal kann es einen Moment dauern, bis der Formatierer geladen ist.
  2. Legen Sie „Einrückung“ und „Zeilenbreite“ fest. Zu lange Zeilen werden umbrochen, indem Attribute oder Inhalte in neue Zeilen wandern.
  3. Die Standardeinstellung für Leerraum schützt Leerzeichen um Inline-Elemente, damit die Seite gleich aussieht. „Leerraum ignorieren“ ist aufgeräumter, kann aber die Abstände zwischen Wörtern verändern.
  4. Passen Tags nicht zusammen, werden Zeile und Spalte des Problems angezeigt. Für eine gründlichere Strukturprüfung nutzen Sie den HTML-Validator.

Häufige Fragen

Nach welchen Regeln wird formatiert?

Das Tool führt Prettier, den weitverbreiteten Open-Source-Formatierer (MIT-Lizenz), direkt in Ihrem Browser aus. Das Ergebnis entspricht im Wesentlichen dem, was Prettier in Ihrem Editor liefert.

Ändert das Formatieren das Aussehen der Seite?

Mit der Standardeinstellung wird Leerraum so behandelt, dass die dargestellte Seite gleich bleibt – deshalb brechen Tags manchmal an ungewohnten Stellen um. „Leerraum ignorieren“ sieht sauberer aus, kann aber die Abstände zwischen Inline-Elementen verändern.

Wird mein Code an einen Server gesendet?

Nein. Selbst der Formatierer wird in Ihren Browser geladen, und alles wird auf Ihrem Gerät verarbeitet.

Ähnliche Tools

HTML-ValidatorHTML-Tags und Grundstruktur prüfenJS/CSS-FormatiererJS, TS, CSS, SCSS und LESS formatierenHTML-EditorHTML, CSS und JS schreiben, live sehenXML-FormatterXML formatieren, minifizieren, prüfen

Alle Tools