TanodTools
DE

HTML formatieren

Fügen Sie unordentliches oder minifiziertes HTML ein und erhalten Sie es eingerückt zurück, inklusive aufgeräumter Inline-Skripte und -Styles.

Läuft vollständig in Ihrem Browser

Einrückung
Inhalt

Eingabe bis etwa 10 MB. Das Markup wird neu eingerückt und nie abgelehnt; ob das HTML ungültig ist, erfahren Sie hier also nicht.

So formatieren Sie HTML

  1. Fügen Sie Ihr HTML in das Feld ein oder klicken Sie auf Beispiel einfügen.
  2. Wählen Sie die Einrückung, bei Bedarf eine Zeilenlänge für den Umbruch und ob Inline-<script> und -<style> formatiert werden sollen.
  3. Die aufgeräumte Fassung erscheint während der Eingabe darunter. Kopieren Sie sie oder laden Sie sie als .html-Datei herunter.

HTML sicher einrücken

Browser fassen den meisten Leerraum in HTML zusammen, sodass eine Seite in einer Zeile oder über tausend Zeilen verteilt geschrieben sein kann und gleich dargestellt wird. Vorlagen, CMS-Ausgaben und minifizierte Bundles erzeugen oft Markup, das niemand lesen kann. Wenn Sie HTML formatieren, stehen Blockelemente in eigenen Zeilen und Kindelemente werden unter ihren Eltern eingerückt; so fallen falsch geschlossene oder falsch platzierte Tags sofort auf.

An den Details scheitern Formatierer. Leere Elemente wie <br>, <img> und <input> haben nie ein schließendes Tag und dürfen die Einrückung daher nicht erhöhen. Leerraum in <pre> und <textarea> wird so angezeigt, wie er eingegeben wurde, und darf nicht angetastet werden. Und Inline-Elemente teilen sich die Zeile mit den Wörtern um sie herum, weil ein Zeilenumbruch dort ein sichtbares Leerzeichen erzeugen würde.

In die Seite eingebettete Skripte und Stylesheets sind eine eigene Sprache. Der Formatierer kann sie mit der Einrückung der Seite gestalten oder unverändert lassen, wenn Sie einen Diff klein halten möchten oder der Code bewusst minifiziert ist.

Tipps

  • Sie wollen stattdessen das Stylesheet verkleinern? CSS minifizieren und verschönern arbeitet mit eigenständigem CSS.
  • Sie wandeln ein Snippet für eine README in Markdown um? Nutzen Sie HTML in Markdown.
  • Sie prüfen eine Änderung an einer Vorlage? Formatieren Sie alte und neue Fassung und vergleichen Sie sie mit Texte vergleichen.

Häufige Fragen

Wird mein HTML hochgeladen?

Nein. Die Formatierungsbibliothek wird beim ersten Einfügen von dieser Website geladen, und das Markup wird ausschließlich in Ihrem Browser verarbeitet.

Ändert sich dadurch das Aussehen der Seite?

Es ändert sich der Leerraum zwischen Tags, den Browser meist zusammenfassen, sodass die Seite gleich aussehen sollte. Die Ausnahme ist sichtbarer Leerraum: Text in <pre> und <textarea> bleibt deshalb genau so, wie er eingegeben wurde.

Sagt mir das Tool, ob mein HTML fehlerhaft ist?

Nein. Es formatiert nachsichtig und lehnt nichts ab, ein nicht geschlossenes Tag löst also keinen Fehler aus; die Einrückung folgt einfach dem, was es vorfindet. Um Strukturfehler zu finden, prüfen Sie die Seite mit einem Validator.

Was ist mit JavaScript und CSS innerhalb der Seite?

Standardmäßig wird der Inhalt von <script> und <style> mit derselben Einrückung formatiert. Entfernen Sie den Haken bei Inline-Script und -Style formatieren, um sie genau so zu lassen, wie sie geschrieben sind.

Wie werden Inline-Tags wie span und a behandelt?

Inline-Elemente bleiben in derselben Zeile wie ihr Text, solange sie passen. Ein Satz mit <strong> wird also nicht auf mehrere Zeilen verteilt, was sichtbare Leerzeichen erzeugen würde.

Was bewirkt Lange Zeilen umbrechen?

Ist eine Umbruchlänge gesetzt, wird Text, der über die Grenze hinausgeht, an einer Wortgrenze in eine neue Zeile umbrochen. Aus lässt jeden Textabschnitt in einer Zeile, egal wie lang.