Einzelne HTML-Komponente prüfen
Mache Container und Attribute sichtbar. Das Formular löst keine Komponenten oder Ausdrücke spezieller Astro-, JSX- oder anderer Templatesprachen auf.
HTML-Formatierer
Formatiere HTML oder entferne gewöhnliche Kommentare lokal. Textabstände und Skriptinhalt bleiben bei der Kommentarentfernung erhalten.
- Zwischenablage
- Export
Daten werden nicht gesendet
Diese Eingabe konnte nicht verarbeitet werden. Prüfe die Syntax und die unten beschriebenen Grenzen.
Verarbeitetes HTML
War dieses Werkzeug hilfreich?
Wie funktioniert dieses Tool?
Formatiere HTML-Dokumente oder Fragmente, um ihre Struktur zu prüfen, ohne den Code als aktive Seite zu öffnen. Der Formatierer erkennt Tags, Attribute und Text, statt bei jeder spitzen Klammer zu teilen. Eine zweite Aktion entfernt gewöhnliche Kommentare bewusst vorsichtig. Skripte werden nicht ausgeführt, Links und Bilder nicht geladen und deine Seite nicht an einen entfernten Formatierungsdienst gesendet.
Die Formatierung analysiert HTML und verwendet ein strukturiertes Layout mit strikter Beachtung von Leerzeichen. Nicht jeder Tag erhält mechanisch eine neue Zeile: Zusätzlicher Abstand zwischen Inline-Elementen kann sichtbare Leerzeichen erzeugen.
In script und style eingebetteter Inhalt wird nicht zusätzlich als JavaScript oder CSS formatiert. Verwende dafür die jeweiligen Sprachwerkzeuge. Attribute und ihre Anordnung können normalisiert werden; die Ausgabe ist keine exakte Kopie der Quellschreibweise.
Das Entfernen von Kommentaren komprimiert Leerzeichen nicht global. Es löscht nur erkannte gewöhnliche Kommentarbereiche. Andere Zeichen bleiben unverändert, einschließlich Abständen in Text, pre-Blöcken und Skripten. Mit ! markierte Kommentare, Direktiven mit # und erkannte bedingte Kommentare bleiben bestehen.
Die vorsichtige Verarbeitung deckt nicht jede Anwendungskonvention ab. Frameworks können scheinbar gewöhnliche Kommentare als Hydrationsmarker verwenden. Belasse generierte Ausgaben in ihrer Build-Kette und prüfe solche Regeln vor dem Löschen. Erfolgreiche Formatierung validiert weder Barrierefreiheit noch SEO oder Verhalten umfassend.
Vergleiche vor einer Übernahme die Darstellung im eigentlichen Zielbrowser. Besonders Abstände zwischen Inline-Elementen, eingebettete Skripte und Vorlagenfragmente benötigen Kontext, den ein einzelner eingefügter Ausschnitt nicht vollständig liefert. Der Formatierer ersetzt keine HTML-Validierung und keinen Test der Anwendung. Pr?fe auch die Tastaturbedienung und die Darstellung l?ngerer Inhalte.
So verwenden Sie dieses Tool
Reines HTML bereitstellen
Füge ein Fragment ein oder importiere eine .html-Datei. Entferne Markdown-Codezäune und Templatecode, den der HTML-Parser nicht versteht.
Passende Aktion wählen
Formatiere zum Prüfen oder entferne gewöhnliche Kommentare. Die zweite Aktion ist keine vollständige Seitenminifizierung einschließlich Skripten und Styles.
Markup prüfen und übernehmen
Kontrolliere Inline-Text, Attribute und Marker vor Kopie oder Download. Quellenänderungen blenden alte Ergebnisse aus; Zurücksetzen leert beide Felder.
Anwendungsfälle
Markup-Beispiel teilen
Übernimm einen lesbaren Ausschnitt in technische Dokumentation. Elemente bleiben hier Text; ein Screenshot des Renderings wird nicht erzeugt.
Erklärende Kommentare entfernen
Entferne gewöhnliche Kommentare aus statischen Fragmenten, ohne Absatzabstände oder vorformatierten Text zu verdichten. Ohne Kommentare kann die Ausgabe gleich groß bleiben.
Beispiele
Kurzes Inline-Fragment erhalten
Das Fragment kann mit normalisiertem Abschluss in einer Zeile bleiben. Die Formatierung erzwingt keine Umbrüche, die sichtbare Abstände erzeugen könnten.
Eingabe
<div><span>x</span></div>Ergebnis
<div><span>x</span></div>
Kommentar ohne Abstandänderung entfernen
Nur der Kommentar note verschwindet. Der Absatz behält Abstände um b; pre erhält seine Leerzeichen und den Zeilenumbruch.
Eingabe
<!-- note --><p>a <b>b</b> c</p><pre> x y
z</pre>Ergebnis
<p>a <b>b</b> c</p><pre> x y
z</pre>Tipps und bewährte Vorgehensweisen
- Teste das Ergebnis auf der echten Seite, wenn Inline-Abstände das Layout beeinflussen.
- Nutze den XML-Formatierer für striktes XML. HTML und XML besitzen unterschiedliche Tagregeln.
- Kommentarentfernung entfernt weder ungenutztes CSS noch toten JavaScript-Code.
- Bewahre kommentierte Arbeitsquellen auf, wenn Anmerkungen die Wartung erleichtern.
Quellen und Referenzen
- HTML Living Standard (öffnet in einem neuen Tab), WHATWGSeite auf Englisch
Häufig gestellte Fragen
Warum bleiben einige Tags in derselben Zeile?
Abstand zwischen Inline-Elementen kann sichtbar werden. Der Formatierer berücksichtigt den Kontext, statt jeden Tag in eine neue Zeile zu setzen.
Ist Kommentarentfernung eine vollständige Minifizierung?
Nein. Anderer Text einschließlich bedeutsamer Abstände und Skripte bleibt absichtlich erhalten. Ohne gewöhnliche Kommentare kann die Ausgabe exakt der Eingabe entsprechen.
Werden eingebettete Skripte und Styles ausgeführt oder formatiert?
Sie werden nicht ausgeführt. Das HTML-Layout formatiert keine eingebetteten Sprachen. Nutze die JavaScript- und CSS-Werkzeuge für eine ausdrückliche Transformation dieser Ausschnitte.
Kann ich Kommentare einer Framework-Seite löschen?
Prüfe zuerst dessen Konventionen. Kommentare können Runtime-Marker enthalten. Eine für statisches HTML geeignete Aktion ersetzt nicht den Build-Prozess des Frameworks.
Verwandte Werkzeuge
Mit diesen Werkzeugen weitermachen
Werkzeuge, die diesem ähnlich sind oder es ergänzen.
Ähnliche Werkzeuge
Formatiere CSS-Code für eine klare und einheitliche Struktur.
EntwicklungDieses Werkzeug verwenden
Formatiere JavaScript, TypeScript oder JSX für eine bessere Lesbarkeit, ohne Code auszuführen. Die Verarbeitung erfolgt lokal im Browser.
EntwicklungDieses Werkzeug verwenden
Formatiere und strukturiere XML für bessere Lesbarkeit.
EntwicklungDieses Werkzeug verwenden