Playbooks
English

HTML Source Cleaner

Bereinige HTML-Quelltext, indem du Klassen, Skripte und Styles entfernst und das semantische Markup beibehältst, komplett im Browser.

Wie hilfreich ist dieses Tool?

Ergebnis erscheint hier …

Video: So nutzt du dieses Tool

Das Video wird von YouTube gehostet. Beim Abspielen können Daten an Google übertragen werden.

HTML Source Cleaner

Der HTML Source Cleaner bereinigt deinen HTML-Quelltext und reduziert ihn auf das semantische Grundgerüst. Er entfernt Klassen, IDs, Inline-Styles, Skripte, Stylesheets und Event-Handler. Übrig bleiben die tragenden Elemente wie Überschriften (h1 bis h6), Absätze (p), Container (div, span), Listen (ul, ol, li) und Tabellen.

Was der Cleaner entfernt

  • Klassen (class), IDs (id) und Inline-Styles (style)
  • Skripte (script), Stylesheets (style, link) und Meta-Tags (meta, noscript)
  • Event-Handler (onclick, onload und weitere on-...-Attribute)
  • data-...- und aria-...-Attribute sowie eingebettete Medien (iframe, canvas, svg)

CSS-bewusstes Entfernen: Aktivierst du die Option, werden zusätzlich alle Elemente entfernt, die per display: none oder visibility: hidden versteckt wären. Das Tool erkennt diese Regeln in eingebetteten style-Blöcken, in Inline-Stilen und über das hidden-Attribut. So erhältst du nur den Inhalt, der tatsächlich sichtbar wäre.

Wofür ist das nützlich?

Beim Migrieren einer Website, beim Erstellen von E-Mail-Templates oder beim Aufbereiten fremder HTML-Snippets hilft der Cleaner, schnell auf das reine Markup zu kommen. Das Ergebnis kannst du direkt kopieren oder als .html Datei herunterladen.

Häufige Fragen

Was bedeutet „CSS-bewusst"?

CSS-bewusst heißt: Das Tool wertet eingebettete style-Blöcke, Inline-Stile und das hidden-Attribut aus und entfernt alle Elemente, die dadurch nicht sichtbar wären (zum Beispiel via display: none oder visibility: hidden). Externe Stylesheets können aus Datenschutzgründen nicht geladen und ausgewertet werden.

Warum sind externe Stylesheets nicht berücksichtigt?

Die Verarbeitung läuft vollständig in deinem Browser. Um fremde URLs nicht aufzurufen und deine Daten nicht zu übertragen, wertet das Tool nur eingebettete Styles und Inline-Stile aus.

Welche Attribute bleiben erhalten?

Erhalten bleiben semantisch relevante Attribute wie href, src, alt, title, colspan und rowspan. Klassische Styling- und Verhaltens-Attribute (class, id, style, on-...-, data-...-, aria-...-) werden entfernt.

Häufige Fragen

Werden meine Inhalte hochgeladen?

Nein. Die Bereinigung läuft vollständig in deinem Browser. Dein HTML-Code wird nicht an unseren Server übertragen oder gespeichert.