HTML Formatieren und Minifizieren - lesbar oder klein

HTML formatieren und minifizieren

Was dieses Werkzeug leistet

Zwei entgegengesetzte Aufgaben am selben Text. Formatieren fügt Zeilenumbrüche und Einrückung hinzu, damit ein Mensch der Verschachtelung folgen kann; Minifizieren entfernt alles, was ein Browser nicht braucht. Beides arbeitet hier an den Zeichen, die Sie eingegeben haben, nicht an einem neu gebauten Dokument - heraus kommt weiterhin Ihr Markup.

So funktioniert es

  1. 1 Fügen Sie das HTML ein - eine ganze Seite oder nur ein Fragment.
  2. 2 Einrückung wählen, dann Formatieren oder Minifizieren.
  3. 3 Ergebnis kopieren oder zum Vergleich durch die andere Schaltfläche schicken.

Leerraum ist nicht immer nur Rauschen

Zwischen zwei Inline-Elementen ist ein einzelnes Leerzeichen sichtbarer Text: Entfernt man es, wird aus „eins zwei“ ein „einszwei“. Zwischen Block-Elementen bedeutet dasselbe Leerzeichen nichts. Der Minifier hier entfernt Einrückungen, behält aber ein trennendes Leerzeichen, wo es echte Arbeit leistet.

Warum pre und textarea unangetastet bleiben

Darin ist jedes Leerzeichen und jeder Zeilenumbruch Inhalt, den der Leser sieht. Einen Codeblock neu einzurücken würde stillschweigend ändern, was er anzeigt, und ein Textarea zu beschneiden den Wert, den ein Formular sendet. Dasselbe gilt für script und style: ihr Inhalt ist eine andere Sprache und wird unberührt durchgereicht.

Es formatiert, es repariert nicht

Werkzeuge auf Basis des Browser-Parsers reparieren kaputtes Markup stillschweigend: Sie schließen Ihre Tags, werfen verirrte weg und verschieben Elemente dorthin, wo die Spezifikation sie verlangt. Beim Debuggen ist das oft nicht erwünscht - der gesuchte Fehler kann genau das sein, was repariert wurde. Dieses Werkzeug formatiert den Text neu und lässt die Fehler dort, wo Sie sie sehen.

HTML zu minifizieren ist der kleine Gewinn

Leerraum aus einer Seite zu entfernen spart meist wenige Prozent, und gzip auf dem Server hätte das meiste ohnehin komprimiert. Das echte Gewicht liegt bei Bildern, Schriften und Skripten. Minifizieren Sie HTML, weil ein Template-Generator die Ausgabe unlesbar hinterlassen hat, nicht weil die Seite dadurch spürbar schneller wird.

HTML-Formatierung - häufige Fragen

Formatieren kann es in einem bestimmten Fall: Zeilenumbrüche zwischen Inline-Elementen fügen ein Leerzeichen ein, das vorher nicht da war. Hängt ein Layout daran, dass zwei Spans aneinanderstoßen, formatieren Sie den umgebenden Block, aber lassen Sie diese Zeile in Ruhe. Das Minifizieren ist so gebaut, dass es die Umkehrung desselben Problems vermeidet.
Heute Beliebt
YAML-Formatierer Unordentliches YAML neu einrücken, Fehler mit Zeilennummer finden und das Dokument als JSON lesen. Kommentare, Blockskalare und Anker bleiben erhalten. Läuft im Browser.
Neu
Markdown-Editor Schreibe Markdown und sieh das gerenderte Ergebnis direkt daneben. Überschriften, Listen, Tabellen, Codeblöcke und Links werden unterstützt; kopiere das HTML oder lade .md- und .html-Dateien herunter. Läuft in deinem Browser.

Verwandte Entwicklertools

JSON-Formatierer JSON im Browser formatieren, minifizieren und prüfen. Fehlerhafte Eingaben werden nach Zeile und Spalte markiert, ein Baum zeigt die Struktur.
CSS Minifier CSS komprimieren, indem Kommentare und Leerraum entfallen, oder sauber eingerückt zurückholen. calc()-Abstände, Strings und Lizenzkommentare bleiben.
XML Formatieren Rücken Sie unübersichtliches XML ein oder streichen Sie es zusammen. Kommt mit RSS, CDATA und Namensräumen zurecht und schreibt Ihr Dokument nie um.
SQL Formatieren Zerlegen Sie eine lange Abfrage in lesbare Zeilen oder pressen Sie sie zurück auf eine. Schlüsselwörter, Namen und Zeichenketten bleiben unverändert.
JavaScript Minifizieren Verkleinern Sie JavaScript mit Terser, der Maschine der Build-Werkzeuge. Sie parst den Code statt zu raten, das Verhalten bleibt. Nichts wird hochgeladen.

Weitere Tools, die Ihnen gefallen könnten

Word in PDF Word kostenlos in PDF umwandeln: DOC-, DOCX-, ODT- oder RTF-Datei hochladen und in Sekunden ein sauber formatiertes PDF herunterladen.
PDF in Word PDF kostenlos in Word umwandeln: PDF hochladen und in Sekunden eine bearbeitbare DOCX herunterladen - ohne Anmeldung und ohne Wasserzeichen.
Wortzähler Kostenloser Wortzähler: Text einfügen und Wörter, Zeichen, Sätze und Absätze zählen lassen - inklusive Lesedauer, ganz ohne Upload.
Zeichenzähler Kostenloser Zeichenzähler: Zeichen mit und ohne Leerzeichen, Wörter und Zeilen zählen und SEO-Grenzen für Titel und Meta-Descriptions prüfen.
Keyword-Dichte-Prüfer Kostenloser Keyword-Dichte-Checker: Text oder URL einfügen und sehen, wie oft jedes Wort und jede Wortgruppe vorkommt - mit Prozentwerten.