HTML formatieren

HTML einrücken und minimieren

Mit dem Werkzeug können Sie HTML formatieren: Blockelemente wie div, section, ul oder table kommen in eigene Zeilen und werden ihrer Verschachtelung entsprechend eingerückt. Kurze Elemente mit Text und Inline-Tags wie a, strong oder span bleiben auf einer Zeile, damit der Text lesbar bleibt. Der HTML Beautifier (auch HTML Formatter genannt) hilft bei minimiertem Quelltext, bei Ausgaben aus Editoren und bei E-Mail-Vorlagen.

Inhalte, bei denen Leerraum zählt, bleiben unangetastet: pre und textarea werden Zeichen für Zeichen übernommen, script und style nur als Block eingerückt. Attribute behalten ihre Werte und Anführungszeichen. Der Parser kennt Elemente ohne End-Tag wie br, img oder input und die in HTML erlaubten weggelassenen End-Tags bei li, p, td oder option. Fehlt ein schließendes Tag an anderer Stelle, weist das Werkzeug darauf hin. So eignet es sich auch, um HTML einzurücken und dabei Fehler in der Verschachtelung zu finden.

Im Modus „HTML minimieren“ entfernt das Werkzeug Einrückung, Zeilenumbrüche zwischen Blockelementen und auf Wunsch Kommentare; bedingte Kommentare für alte Internet-Explorer-Versionen bleiben erhalten. Leerraum zwischen Inline-Elementen wird auf ein Leerzeichen gekürzt, aber nicht entfernt, weil er im Browser sichtbar ist. Ein vollständiger Validator nach HTML-Standard ist das Werkzeug nicht.