HTML-Formatierer
Eingerückt zum Lesen oder zusammengedrückt zum Ausliefern.
Beispiele ersetzen vorübergehend Eingabe und Einstellungen. Du kannst deine vorherige Arbeit wiederherstellen.
Oben einfügen oder tippen, das Ergebnis erscheint hier.
Ihre Dateien bleiben auf Ihrem Gerät
Dieses Tool läuft vollständig in Ihrem Browser. Was Sie einfügen, wird auf Ihrem Gerät verarbeitet und nie an einen Server gesendet. Es ist daher auch für Tokens, Schlüssel und unveröffentlichte Texte sicher.
Beispiel
Das Impressum einer Tischlerei: Zeilenumbrüche mit br bleiben in ihrer Zeile
Im Fußbereich der Website der Tischlerei Brandt in Kassel steht das Impressum als eine Zeile mit 261 Zeichen: Überschrift, Anschrift mit zwei br-Umbrüchen, Geschäftsführer, Telefon, E-Mail-Link und USt-IdNr. Vor dem Ändern der Telefonnummer wird es mit „Auslegen“ und 4 Leerzeichen eingefügt.
- Ergebnis: 14 Zeilen. footer, h3, address und die beiden p stehen je auf eigenen Zeilen, ihr Text eine Stufe tiefer.
- „Tischlerei Brandt GmbH, Lindenweg 12, 34117 Kassel“ bleibt samt beiden br eine Zeile: br ist ein Inline-Element ohne schließendes Tag, danach wird weder umgebrochen noch eingerückt.
- Der E-Mail-Link bleibt hinter „Tel. 0561 123456“ in derselben Zeile, der Mittelpunkt dazwischen bleibt als Entity stehen, wie er getippt war.
- Mit 2 Leerzeichen sind es dieselben 14 Zeilen, 306 statt 338 Zeichen.
| Einstellung | Zeilen | Zeichen |
|---|---|---|
| Original | 1 | 261 |
| Auslegen, 4 Leerzeichen | 14 | 338 |
| Auslegen, 2 Leerzeichen | 14 | 306 |
| Zusammendrücken (aus 4 Leerzeichen) | 1 | 261 (23 % gespart) |
Die Telefonnummer steht jetzt in einer gut lesbaren Zeile. „Zusammendrücken“ macht aus den 14 Zeilen wieder eine einzige; ohne Änderung sind es genau die 261 Zeichen des Originals.
So funktioniert es
- Das HTML einfügen. Es wird beim Tippen ausgelegt.
- Auf „Zusammendrücken“ umschalten, um stattdessen Einrückung und Kommentare zu entfernen.
- Zwei Leerzeichen, vier oder einen Tabulator wählen.
- Das Ergebnis kopieren oder als Datei herunterladen.
Häufige Fragen
- Was passiert mit einem Dokument, das nicht ganz gültig ist?
- Es wird trotzdem formatiert. Das Markup wird als Folge von Tags und Text gelesen und nicht zu einem Baum geparst – denn das HTML, das jemand formatiert haben will, ist meist genau das, das er zu verstehen versucht.
- Zerstört es die Abstände in meinem Text?
- Nein, und das ist die knifflige Seite der Aufgabe. Das Leerzeichen zwischen <b>eins</b> und <i>zwei</i> wird dargestellt und bleibt; das Leerzeichen um ein <div> wird nicht dargestellt und verschwindet. Inline-Elemente bleiben in der Zeile bei den Wörtern um sie herum.
- Wird etwas in <pre> angefasst?
- Kein einziges Zeichen. Jedes Leerzeichen in <pre> und <textarea> wird dargestellt, der Inhalt kommt also genau so heraus, wie er eingetippt wurde – nicht einmal nach links gerückt.
- Werden beim Zusammendrücken Namen geändert?
- Nein. Es entfernt Kommentare und Leerraum, der nicht dargestellt wird. Nichts wird umbenannt oder umsortiert, und das Ergebnis wird genauso dargestellt wie das Original.
- Wird auch das CSS und JavaScript in <style> und <script> verkleinert?
- Nein. Nur der Leerraum am Anfang und Ende des Codes fällt weg; Leerzeichen und Zeilenumbrüche darin bleiben, wie sie getippt wurden. Ein <style>-Block über zwei Zeilen kommt also mit zwei Zeilen heraus. Um den Code selbst zu verkleinern, ihn vorher durch den CSS-Formatierer oder den JavaScript-Minifizierer schicken.
- Wird etwas an einen Server geschickt?
- Nein. Es läuft im Browser, was Sie einfügen, bleibt auf Ihrem Rechner.