HTML formatieren
Sie haben über „Seitenquelltext anzeigen“ einer Website minifiziertes HTML abgerufen oder ein automatisch generiertes Fragment eingefügt und alles steht in einer einzigen unleserlichen Zeile? Fügen Sie es hier ein, um eine eingerückte Version mit einem Tag pro Zeile zu erhalten, bevor Sie es studieren oder bearbeiten.
Achtung : Dies ist ein einfacher Formatierer (Einrückung nach Verschachtelungsebene) und kein vollständiger HTML-Parser wie bei Prettier. Er korrigiert weder falsch geschlossene Tags noch Syntaxfehler, und der Inhalt von <script>- oder <style>-Blöcken wird nicht speziell neu formatiert.
So funktioniert's
Fügen Sie Ihren minifizierten oder kompakten HTML-Code in das obige Feld ein und klicken Sie auf „Formatieren“: Das Tool erkennt öffnende, schließende und selbstschließende Tags, setzt jedes Tag in eine eigene Zeile und rückt es pro Verschachtelungsebene um 2 Leerzeichen ein. Übliche selbstschließende Tags (br, img, input, meta, link, hr usw.) werden auch ohne explizites /> erkannt.
Warum sieht mein formatiertes HTML nicht exakt gleich aus?
Durch die Neuformatierung werden zwischen den Tags Zeilenumbrüche und Einrückungen eingefügt. Das kann die Darstellung leicht verändern, wenn Ihr CSS von Leerzeichen zwischen Elementen abhängt (selten, aber möglich mit display: inline). Inhalt und HTML-Struktur bleiben identisch – nur die Darstellung des Quellcodes ändert sich.
Kann dieses Tool ungültiges HTML korrigieren?
Nein. Der Formatierer setzt voraus, dass Ihre Tags insgesamt wohlgeformt sind (in der richtigen Reihenfolge geöffnet und geschlossen). Wenn er auf ein nie geschlossenes Tag oder eine wirklich ungewöhnliche Syntax stößt, kann das Ergebnis falsch eingerückt sein. Um die Konformität Ihres HTML zu prüfen, verwenden Sie zusätzlich einen speziellen Validator.
Die Formatierung erfolgt zu 100 % lokal in Ihrem Browser über WebAssembly : Ihr HTML-Code wird niemals an einen Server gesendet.