CSV in HTML-Tabelle
Füge deine CSV-Daten ein und du bekommst eine Live-Vorschau der Tabelle und den <table>-Code, bereit für deine Seite.
Warum der Code thead, tbody und th verwendet
Eine sauber aufgebaute HTML-Tabelle ist mehr als ein Raster aus <td>-Zellen: Überschriften gehören in
<th>-Elemente innerhalb eines <thead>, mit dem Attribut scope="col", das Screenreadern hilft,
jede Zelle ihrer Spalte zuzuordnen. Der hier erzeugte Code folgt dieser Struktur, deine Tabelle ist also
barrierefrei, leichter mit CSS zu gestalten
(zum Beispiel thead th { background: #eee }) und bereit für Sortier-Plugins,
die ein separates <tbody> erwarten.
Sonderzeichen: keine kaputten Tabellen
Enthält eine Zelle <, >, & oder Anführungszeichen, könnte sie unverändert in deinem Markup die Seite zerschießen oder unerwünschtem Code die Tür öffnen. Das Tool wandelt diese Zeichen automatisch in ihre HTML-Entities um (<, >, &, "), so kannst du CSVs mit Formeln, Preisen mit Symbolen oder Codeschnipseln gefahrlos umwandeln, ganz ohne Nacharbeit von Hand. Das Trennzeichen (Komma, Semikolon oder Tabulator) wird automatisch erkannt, und Felder in Anführungszeichen werden korrekt verarbeitet.