HTML formatieren
Unleserliches oder minifiziertes HTML sauber einrücken und formatieren – mit Prettier, inklusive eingebettetem CSS und JavaScript.
HTML formatieren rückt unleserliches oder minifiziertes HTML sauber ein: ein Element pro Zeile, einheitliche Einrückung und lesbare Attribute. Eingebettetes CSS in style-Tags und JavaScript in script-Tags wird gleich mitformatiert. Grundlage ist Prettier; Einrückung, Zeilenbreite und der Umgang mit Leerzeichen sind einstellbar.
Formatiert
Warum HTML formatieren?
Generiertes oder minifiziertes HTML steht oft in einer einzigen Zeile. Für Fehlersuche, Code- Reviews oder das Übernehmen von Bausteinen braucht man eine saubere Struktur, an der Verschachtelung und Zusammenhänge sofort erkennbar sind.
| Einstellung | Wirkung |
|---|---|
| CSS | Respektiert Inline-Elemente, Standard von Prettier |
| Streng | Fügt nirgends Leerzeichen hinzu oder entfernt sie |
| Ignorieren | Freieste Formatierung, kann Abstände ändern |
Den umgekehrten Weg geht HTML minifizieren. Fehler im Markup findet der HTML-Validator.
Häufige Fragen
Kann Formatieren die Darstellung verändern?
Leerzeichen zwischen Inline-Elementen wie Links oder strong sind in HTML sichtbar. Die Einstellung „CSS“ beachtet, welche Elemente inline sind, und fügt dort keine Leerzeichen ein. „Streng“ ist am sichersten, „Ignorieren“ formatiert am freiesten und kann Abstände verändern.
Werden auch CSS und JavaScript formatiert?
Ja. Inhalte von style- und script-Tags werden mit den Prettier-Formatierern für CSS und JavaScript eingerückt. Syntaxfehler im Skript lassen den Formatierer allerdings abbrechen.
Was passiert mit fehlerhaftem HTML?
Prettier verlangt wohlgeformtes HTML. Bei nicht geschlossenen Tags oder falscher Verschachtelung erscheint eine Fehlermeldung mit Zeile und Spalte. Mit dem HTML-Validator findest du solche Fehler im Detail.
Stimmt etwas nicht auf dieser Seite? – wir schauen uns das an.