HTML-Formatierer & Verschönerer
Fügen Sie unformatierten oder unordentlichen HTML-Code links ein und erhalten Sie rechts eine sauber eingerückte Version. Ideal für die schnelle Bereinigung von Markup aus verschiedenen Quellen.
Funktionen
Anleitung
1. Fügen Sie Ihren HTML-Code in das Eingabefeld links ein.
2. Klicken Sie auf Formatieren, um ihn mit korrekter Einrückung zu verschönern.
3. Klicken Sie auf Minifizieren, um Leerzeichen zu entfernen.
4. Kopieren oder laden Sie das Ergebnis rechts herunter.
Über dieses Werkzeug
HTML aus einem Browser, einem CMS oder einem minifizierten Build kommt oft als eine einzige unlesbare Zeile. Dieser Formatierer rückt es neu ein, sodass jedes verschachtelte Element eine Ebene tiefer steht als sein Elternelement – Struktur, fehlende schließende Tags und falsch platzierte Elemente werden so leicht erkennbar. Er kennt leere Elemente wie <br>, <img> und <input>, die nie ein schließendes Tag haben, und lässt den Inhalt von <pre>, <textarea>, <script> und <style> genau so, wie er ist, weil Leerraum darin bedeutsam ist. Wählen Sie zwei Leerzeichen, vier Leerzeichen oder Tabs und kopieren oder laden Sie das Ergebnis herunter. Minifizieren macht das Gegenteil: Es entfernt Kommentare und fasst Leerraum zwischen Tags zusammen, um das Seitengewicht im Produktivbetrieb zu senken.