HTML-Tabelle-zu-CSV-Konverter
Fügen Sie eine Quelle mit einem HTML-<table>-Tag ein, um sie in CSV/TSV umzuwandeln. Praktisch, wenn Sie eine Tabelle von einer anderen Website in eine Tabellenkalkulation kopieren möchten. Kopfzeilen innerhalb von thead werden automatisch erkannt, und die gesamte Umwandlung erfolgt in Ihrem Browser; es werden keine Daten an einen Server gesendet.
Wie eine HTML-Tabellenzeile einer CSV-Zeile entspricht
| Eine HTML-Zeile | <tr><td>name</td><td>age</td><td>city</td></tr> |
|---|---|
| Resultierende CSV-Notation | name,age,city |
Zeilen innerhalb von <thead> oder eine erste Zeile, die nur aus <th>-Zellen besteht, werden als Kopfzeile erkannt; jede weitere <tr> wird in eine CSV-Zeile umgewandelt.
Was ist der HTML-Tabelle-zu-CSV-Konverter
Der HTML-Tabelle-zu-CSV-Konverter ist ein Werkzeug, das den Quellcode eines in eine Webseite eingebetteten <table>-Tags allein durch Einfügen in CSV- oder TSV-Daten umwandelt. Wenn Sie in Ihrem Browser eine Tabelle von einer anderen Website markieren und kopieren, enthält die Zwischenablage neben dem sichtbaren Text häufig auch die zugrunde liegende HTML-Struktur, die Sie direkt in dieses Werkzeug einfügen können. Zeilen innerhalb eines <thead>-Elements oder eine erste Zeile, deren Zellen alle <th> sind, werden automatisch als Kopfzeile erkannt, sodass Sie nicht manuell angeben müssen, ob eine Kopfzeile vorhanden ist.
Selbst wenn eine Zelle dekoratives Markup wie <strong>, <br> oder <a> enthält, werden bei der Umwandlung nur die Tags entfernt und der darin enthaltene Textinhalt bleibt erhalten. Sie können zwischen Komma und Tabulator als Trennzeichen wählen und außerdem festlegen, ob die Kopfzeile in die Ausgabe aufgenommen werden soll. Enthält das eingefügte HTML mehr als ein <table>-Tag, wird nur die erste gefundene Tabelle für die Umwandlung verwendet; die übrigen werden ignoriert. Es lohnt sich daher, die gewünschte Tabelle vorher zu isolieren, wenn eine Seite mehrere enthält.
Der gesamte Vorgang läuft als JavaScript in Ihrem eigenen Browser ab, und das eingefügte HTML wird niemals an einen Server übertragen. Dadurch lässt sich das Werkzeug auch bei Daten sicher nutzen, die Sie lieber privat halten möchten, etwa einen internen Bericht oder einen noch in Überarbeitung befindlichen Entwurf. Dieser Aspekt ist besonders wertvoll für alle, die mit sensiblen Kundendaten oder internen Kennzahlen arbeiten, die das eigene Team nicht verlassen sollten, da jede Sorge über eine Übertragung an einen externen Server während der Umwandlung vollständig entfällt.
So verwenden Sie den HTML-Tabelle-zu-CSV-Konverter
- HTML-Quellcode einfügen Fügen Sie den HTML-Quellcode mit der zu konvertierenden Tabelle in das Eingabefeld ein. Wenn Sie das Werkzeug zunächst ausprobieren möchten, laden Sie über die Schaltfläche „Beispiel" das eingebaute Beispiel.
- Trennzeichen wählen Wählen Sie ein Komma, wenn Sie das Ergebnis in eine Tabellenkalkulation importieren möchten, oder einen Tabulator für tabulatorgetrennten Text.
- Entscheiden, ob die Kopfzeile enthalten sein soll Über das Kontrollkästchen „Kopfzeile in die Ausgabe aufnehmen" legen Sie fest, ob die Spaltennamen als erste Zeile des Ergebnisses erscheinen.
- Umwandlungsergebnis prüfen Sobald Sie gültiges HTML einfügen, erscheint rechts das CSV- oder TSV-Ergebnis zusammen mit der Anzahl der erfolgreich umgewandelten Zeilen.
- Ergebnis kopieren oder herunterladen Mit der Schaltfläche „Kopieren" legen Sie das Ergebnis in die Zwischenablage, mit „Herunterladen" speichern Sie es direkt als Datei.
Tipps für die Nutzung
- Auch ohne
<thead>/<tbody>-Tags wird eine erste Zeile, deren Zellen alle<th>sind, automatisch als Kopfzeile erkannt. - Dekorative Tags wie
<strong>und<br>innerhalb einer Zelle werden automatisch entfernt, sodass nur der Textinhalt in CSV umgewandelt wird. - Wenn Sie in Ihrem Browser eine Tabelle von einer anderen Website markieren und kopieren, landen in der Zwischenablage oft auch HTML-formatierte Daten, die Sie direkt in dieses Werkzeug einfügen können.
- Dies ist der umgekehrte Vorgang zum Schwesterwerkzeug CSV-zu-HTML-Tabellen-Konverter; durch die gemeinsame Nutzung beider können Sie zwischen CSV und HTML-Tabellen hin- und herwechseln.
Anwendungsfälle für den HTML-Tabelle-zu-CSV-Konverter
Tabellen von anderen Websites in eine Tabellenkalkulation übernehmen
Kopieren Sie das HTML einer Tabelle aus einem Nachrichtenartikel oder einer Statistikseite über die Entwicklertools Ihres Browsers und wandeln Sie es direkt in ein Format um, das Excel oder Google Tabellen öffnen und sortieren kann.
HTML-Fragmente aus dem Web-Scraping aufbereiten
Wenn ein Skript oder ein Crawler eine Seite als rohes HTML erfasst hat, können Sie nur den Tabellenteil herausziehen und in CSV umwandeln, das sich problemlos weiterverarbeiten oder speichern lässt.
Tabellen aus einem CMS oder Wiki in strukturierte Daten überführen
Tabellen, die von Hand als <table>-Markup in ein Firmen-Wiki oder einen Blogbeitrag geschrieben wurden, lassen sich als CSV exportieren und dadurch viel leichter zusammenfassen, filtern und durchsuchen.
Aus E-Mails oder Dokumenten kopierte Tabellen weiterverwenden
Eine aus einer HTML-E-Mail oder einem Word-Dokument eingefügte Tabelle behält ihr Markup oft in der Zwischenablage, und die Umwandlung in CSV erleichtert die Weitergabe an ein anderes Werkzeug oder eine Tabellenkalkulation erheblich.
Hin und her mit dem CSV-zu-HTML-Tabellen-Konverter
Kombinieren Sie dieses Werkzeug mit seinem umgekehrten Gegenstück, um sich frei zwischen CSV und HTML-Tabellen-Markup zu bewegen, wann immer Sie dieselben Daten für unterschiedliche Zwecke umformen müssen.
Glossar zu HTML-Tabellen und CSV
- thead / tbody
- Tags, mit denen eine HTML-Tabelle in einen Kopf- und einen Körperbereich unterteilt wird. Existieren Zeilen innerhalb von
<thead>, behandelt dieses Werkzeug sie stets als Kopfzeile, unabhängig davon, wie die erste Zeile des Körpers aussieht. - th / td
- Tags, die eine Tabellenzelle darstellen:
<th>ist eine Kopfzelle,<td>eine gewöhnliche Datenzelle. Hat eine Tabelle kein<thead>, prüft das Werkzeug, ob alle Zellen der ersten Zeile<th>sind, um zu entscheiden, ob eine Kopfzeile vorliegt. - CSV (kommagetrennte Werte)
- Ein reines Textdatenformat, bei dem Spalten durch Kommas getrennt werden. Enthält ein Wert selbst ein Komma, einen Zeilenumbruch oder ein doppeltes Anführungszeichen, wird der gesamte Wert in doppelte Anführungszeichen eingeschlossen, um die Struktur eindeutig zu halten.
- TSV (tabulatorgetrennte Werte)
- Ein Format, das statt eines Kommas ein Tabulatorzeichen zur Spaltentrennung verwendet. Es lässt Spaltengrenzen tendenziell eindeutiger erscheinen als CSV, wenn die Daten selbst häufig Kommas enthalten.
- HTML-Entität
- Eine Schreibweise wie
&(steht für &) oder (ein geschütztes Leerzeichen), mit der sich Sonderzeichen sicher innerhalb von HTML-Markup schreiben lassen. Dieses Werkzeug dekodiert Entitäten automatisch zurück in die Zeichen, die sie darstellen. - Entfernen dekorativer Tags
- Der Vorgang, bei dem Markup wie
<strong>,<br>und<a>aus einer Zelle entfernt wird, während nur der Textinhalt erhalten bleibt. Attributwerte wie die URL eines Links werden verworfen und erscheinen nicht in der CSV-Ausgabe.
Häufig gestellte Fragen
<table>-Abschnitt aus der Quelltextansicht der Seite (z. B. Strg+U) und fügen Sie ihn ein.<thead>-Tag wird die erste <tr> als Kopfzeile behandelt, wenn alle ihre Zellen <th> sind. Trifft auch das nicht zu, werden alle Zeilen unverändert als Datenzeilen umgewandelt.<table>-Tag wird umgewandelt. Wenn Sie mehrere Tabellen umwandeln möchten, fügen Sie das HTML jeder Tabelle einzeln ein und wandeln Sie es separat um.
Übrigens – Warum die „Tabelle kopieren"-Funktion des Browsers HTML enthält
Wenn Sie in Ihrem Browser eine Tabelle markieren und kopieren, enthält die Zwischenablage am Ende nicht nur den sichtbaren Text, sondern im Hintergrund auch HTML-formatierte Daten. Möglich ist das, weil die Zwischenablage des Betriebssystems „mehrere Formate" unterstützt: Die Quellanwendung schreibt gleichzeitig mehrere Darstellungen (Klartext, HTML, Rich Text usw.), und die Zielanwendung kann sich das für sie passendste Format aussuchen.
Dieser Mechanismus ist der Grund, warum das Einfügen einer Tabelle von einer anderen Website direkt in Excel oder eine Tabellenkalkulation sogar Formatierungen und Links reproduzieren kann. Ist das Ziel dagegen ein einfacher Texteditor oder eine CSV-Datei, wird diese zugrunde liegende HTML-Information nicht genutzt und die Daten werden als reiner Text behandelt, wodurch die tabellarische Struktur — welche Zelle zu welcher Spalte gehört — meist verloren geht.
Ein Werkzeug wie der HTML-Tabelle-zu-CSV-Konverter existiert genau deshalb, um diese leicht verlorene Strukturinformation explizit wiederherzustellen. Indem es die HTML-Struktur, die die Tabellenkopierfunktion des Browsers mitliefert, direkt nutzt, ermöglicht es die Weiterverwendung der Daten als korrekt in Spalten aufgeteilten Inhalt in einer Tabellenkalkulation — ein unscheinbarer, aber im Arbeitsalltag zuverlässig nachgefragter Bereich.