HTML-Code minimieren: Kommentare und Leerraum entfernen

Geeignete Fälle für kompakteren HTML-Text

Wenn du HTML-Text für eine Weitergabe oder eine übersichtlichere Ablage kompakter machen möchtest, kannst du ihn mit diesem Werkzeug als Text umwandeln lassen. Dabei werden HTML-Kommentarbereiche entfernt und ausgewählte Leerraumzeichen nach festen Regeln verändert. Das Ergebnis ist deshalb vor allem dann passend, wenn du genau diese Eingriffe am Quelltext benötigst.

Das Eingabefeld ist optional und enthält standardmäßig keinen Text. Du kannst daher entweder direkt einen HTML-Ausschnitt einfügen oder zunächst prüfen, wie sich eine leere Eingabe auf das Ergebnis auswirkt. Bei nicht leerem Inhalt werden zusätzlich Größenmessungen bereitgestellt, damit du die Veränderung zwischen Eingabe und Ausgabe einordnen kannst.

Die Bearbeitung ist keine allgemeine Überarbeitung des HTML-Dokuments. Sie konzentriert sich auf Kommentare und Leerraum und sollte daher in deinen Arbeitsablauf passen, bevor du den ausgegebenen Text an anderer Stelle verwendest.

HTML-Text in sechs Schritten bearbeiten

Füge den HTML-Ausschnitt in das Eingabefeld ein. Verwende dafür den Text, dessen Kommentare und ausgewählte Leerraumzeichen du verändern möchtest. Wenn du keinen Inhalt einfügst, kannst du den Vorgang trotzdem mit dem leeren Standardfeld starten.
Starte die vorgesehene Umwandlung. Bei einer nicht leeren Eingabe entfernt das Werkzeug HTML-Kommentarbereiche, einschließlich solcher Bereiche, die sich über mehrere Zeilen erstrecken. Dadurch verschwinden nicht nur Kommentare, die vollständig in einer Zeile stehen.
Berücksichtige die Leerraumregeln bei der Prüfung des Ergebnisses. Leerraum zwischen öffnenden und schließenden Tags wird entfernt. Folgen von mindestens zwei Leerraumzeichen werden zu einem Leerraumzeichen zusammengefasst. Zeilenumbruch, Wagenrücklauf und Tabulator werden gelöscht.
Vergleiche den ausgegebenen Text mit deiner Ausgangsfassung. Zusätzlich werden führende und nachgestellte Leerzeichen aus dem umgewandelten Text entfernt. Achte deshalb besonders auf Stellen am Anfang und Ende, an denen die Ausgabe nicht mehr denselben äußeren Leerraum enthält.
Prüfe bei nicht leerem Inhalt die angezeigten Größenangaben. Gemeldet werden die Länge der Eingabe, die Länge des umgewandelten Textes vor dem abschließenden Entfernen von Leerraum, die Differenz dieser beiden Längen sowie eine auf eine Nachkommastelle gerundete prozentuale Einsparung. Die Messwerte helfen dir, die Textänderung zu beschreiben, ersetzen aber nicht den Vergleich der konkreten Ausgabe.
Übernimm den umgewandelten Text erst, nachdem du die veränderten Kommentar- und Leerraumstellen mit deinem Verwendungszweck abgeglichen hast. Bewahre die Ausgangsfassung separat auf, wenn du später auf die ursprüngliche Formatierung oder die entfernten Kommentare zurückgreifen musst.

Messwerte und Bearbeitungsgrenzen verstehen

Bei einer nicht leeren Eingabe besteht das Ergebnis aus dem umgewandelten HTML-Text und Größenmessungen. Die ausgewiesene Differenz bezieht sich auf die Eingabelänge und die Länge der Fassung vor dem abschließenden Trimmen; die prozentuale Angabe fasst diese Messung mit einer Nachkommastelle zusammen. Lies die Zahlen deshalb als Beschreibung der Textlängen und prüfe daneben, ob die konkrete Ausgabe für deinen Zweck geeignet ist.

Ein leeres oder ausschließlich aus Leerraum bestehendes Feld erzeugt einen leeren umgewandelten Text. Die zugehörigen Größenmessungen haben den Wert null. In diesem Sonderfall enthält die Antwort die grundlegenden Ergebnis- und Größenangaben, aber keine Felder für die Einsparung oder den Einsparungsprozentsatz. Das Fehlen dieser beiden Angaben ist bei dieser Eingabeform erwartbar.

Die Regeln verändern Kommentare und Leerraum, entfernen jedoch keine optionalen HTML-Attribute. Das Werkzeug ist daher nicht als HTML-Parser, als Prüfung der Gültigkeit, als semantische Kontrolle oder als umfassende standardkonforme Minimierung einzuordnen. Nach der Umwandlung solltest du den Text in dem Zusammenhang kontrollieren, in dem du ihn einsetzen möchtest.

Praktisches Beispiel

Du möchtest einen HTML-Ausschnitt vor der Weitergabe um Kommentare und ausgewählten Leerraum kürzen.

Füge den Text „ Inhalt “ ein, starte die Umwandlung und vergleiche den ausgegebenen Text mit dem ursprünglichen Ausschnitt.

Die Antwort enthält den umgewandelten HTML-Text sowie bei nicht leerer Eingabe die Eingabelänge, die gemessene Länge vor dem abschließenden Trimmen, die Zeichendifferenz und die gerundete prozentuale Einsparung.

Einschränkungen

Die Bearbeitung ist auf Kommentare und ausgewählten Leerraum begrenzt, entfernt keine optionalen HTML-Attribute und ist weder eine Gültigkeitsprüfung noch eine umfassende standardkonforme Minimierung.

Häufige Fehler

Wenn du nach der Umwandlung Zeilenumbrüche, Wagenrückläufe oder Tabulatoren erwartest, prüfe zunächst die festgelegten Leerraumregeln und vergleiche die Ausgabe mit der separat bewahrten Ausgangsfassung.

Häufige Fragen

Kann ich damit HTML umfassend minimieren?

Das Werkzeug kann Kommentare und ausgewählten Leerraum aus HTML-Text entfernen. Es entfernt jedoch keine optionalen HTML-Attribute und führt keine Prüfung auf Gültigkeit oder semantische Richtigkeit durch.

Was geschieht bei einem leeren Eingabefeld?

Bei leerer oder nur aus Leerraum bestehender Eingabe entsteht ein leerer umgewandelter Text mit Größenmessungen von null. Die Angaben zur Einsparung und zum Einsparungsprozentsatz sind in diesem Fall nicht enthalten.

Wird äußerer Leerraum aus der Ausgabe entfernt?

Ja, führender und nachgestellter Leerraum wird aus dem umgewandelten Text entfernt. Zusätzlich gelten die Regeln für Leerraum zwischen Tags sowie für Folgen von mindestens zwei Leerraumzeichen.