HTML Formatter
Formatiere HTML-Fragmente mit diesem HTML-Formatter. Füge Markup ein, und das Werkzeug setzt Blockelemente wie div, section, p, ul und table mit zwei Leerzeichen Einrückung in jeweils eine eigene Zeile, entfernt überflüssige Leerzeichen in Inline-Inhalten, formatiert Inline-CSS und JavaScript und lässt Inhalte von pre und textarea unverändert. Ideal für Webentwickler und Designer, die eingefügtes, generiertes oder minimiertes Markup zum Lesen und Überprüfen aufräumen möchten.
Häufig gestellte Fragen
Wie entscheidet der HTML-Formatter, wo Zeilenumbrüche eingefügt werden?
Ein Element mit Blockelementen als Kindelementen, etwa div, section, article, header, footer, nav, main, form, p, h1 bis h6, ul, ol, table oder blockquote, wird erweitert, sodass jedes Kindelement in einer eigenen Zeile mit zwei Leerzeichen Einrückung steht. Elemente ohne Blockelemente als Kindelemente bleiben in einer Zeile.
Warum wird mein vollständiges HTML-Dokument in einer Zeile zurückgegeben?
Die Elemente html, head und body gelten nach den Regeln des Formatierers nicht als Block-Tags. Daher bleibt ein darin eingeschlossenes Dokument abgesehen von der Doctype-Angabe in einer Zeile. Füge den Inhalt innerhalb von body oder das Fragment, an dem du arbeitest, ein, damit es erweitert wird.
Was passiert mit Leerraum?
In Inline-Inhalten werden Folgen aus Leerzeichen, Tabulatoren und Zeilenumbrüchen zu einem einzelnen Leerzeichen zusammengefasst, wie Browser sie darstellen. Der Inhalt von pre- und textarea-Elementen behält Leerraum exakt bei.
Werden Inline-Scripts und -Styles formatiert?
Ja, Style-Blöcke werden als CSS und Script-Blöcke als JavaScript formatiert oder als JSON bei JSON- und JSON-LD-Typen. Scripts mit anderen Typen, etwa Textvorlagen, bleiben exakt wie geschrieben.
Wie werden Void-Elemente geschrieben?
Selbstschließende Tags wie <br/> werden mit einem Leerzeichen vor dem Schrägstrich als <br /> geschrieben. Void-Elemente ohne Schrägstrich, etwa <img src="a.png">, behalten ihre ursprüngliche Form.
Werden Attribute geändert?
Nein, Attribute, ihre Anführungszeichen und ihre Reihenfolge bleiben exakt wie geschrieben. Nur der Leerraum zwischen Elementen wird neu angeordnet.
Bleiben Kommentare erhalten?
Ja, HTML-Kommentare und die Doctype-Angabe bleiben erhalten und werden in jeweils eigene Zeilen gesetzt. Ihr Inhalt wird exakt übernommen, einschließlich auskommentiertem Markup.
Behebt der Formatter ungültiges HTML?
Nein, er validiert oder repariert das Markup nicht. Nicht geschlossene Tags werden so gut wie möglich formatiert. Verwende einen Validator, wenn du strukturelle Fehler finden möchtest.
Warum ist das Ergebnis von einem html-Codeblock umschlossen?
Das Ergebnis wird als Markdown-Codeblock mit der Kennzeichnung html zurückgegeben und daher in Markdown farblich hervorgehoben. Kopiere die Zeilen zwischen den Begrenzungen, wenn du sie in eine .html-Datei einfügst.
Wie viel HTML kann ich formatieren?
Bis zu 5 MB pro Ausführung; eine größere Eingabe wird mit einer Meldung abgelehnt. Die Ausgabe ist identisch mit der Option HTML des Code-Formatierers.