Conversione da CSV a tabella HTML
Converte un file CSV in un frammento HTML con i marcatori <table><tr><td>. Potete indicare il carattere separatore, la presenza di una riga d'intestazione e l'uso di thead e tbody; il risultato si può vedere subito in anteprima, copiare e scaricare. Il contenuto del file è elaborato nel navigatore e non viene trasmesso ad alcun servente.
| Carattere separatore |
|
|---|---|
| Considera la prima riga come intestazione | |
| Racchiudi in thead e tbody |
Anteprima
Codice HTML
Copiato!Inserite un file CSV per vedere qui la tabella HTML.
Corrispondenza fra le righe del CSV e la tabella HTML
| Una riga del CSV | name,age,city |
|---|---|
| Notazione HTML risultante | <tr><td>name</td><td>age</td><td>city</td></tr> |
Se si usa la prima riga come intestazione, essa diventa una riga di marcatori <th>, mentre le righe di dati successive diventano righe di marcatori <td>.
Consigli
- Per incollare una tabella in un messaggio di posta in HTML o in un vecchio sistema di gestione dei contenuti privo di Markdown, la struttura minima senza thead e tbody risulta più maneggevole.
- I caratteri
<,>e&presenti nelle celle sono convertiti automaticamente nelle rispettive entità HTML: il codice si può quindi incollare così com'è senza rovinare la visualizzazione. - L'anteprima mostra il risultato reso direttamente dal navigatore: potete verificare come apparirà nella destinazione prima ancora di copiarlo.
- Usandolo insieme agli strumenti affini di conversione da CSV a Markdown e da CSV a JSON, potete trasformare uno stesso file CSV in tre formati diversi secondo l'uso.
Domande frequenti
<table>: potete incollarlo così com'è nella modalità di modifica HTML di WordPress o nel corpo di un messaggio in HTML.
A proposito — perché il marcatore <table> sopravvive ancora oggi
Nella seconda metà degli anni Novanta, agli albori del web, dominava l'impaginazione con il marcatore <table>, con cui si costruiva l'intera struttura della pagina. I fogli di stile avevano allora scarse capacità espressive e l'unico modo per ottenere una disposizione a più colonne era la tabella: il codice HTML di quegli anni traboccava di <table> usati per scopi estranei al loro significato originario, cioè i dati in forma tabellare.
Oggi che i fogli di stile sono maturi e che Flexbox e Grid si sono diffusi, l'uso delle tabelle a fini di impaginazione è considerato un chiaro antimodello. Là dove si tratta però del loro scopo proprio, cioè rappresentare dati reali organizzati in righe e colonne, <table> resta il marcatore più appropriato e il migliore sul piano dell'accessibilità, perché i lettori di schermo sanno riflettere nella lettura il rapporto fra <th> e <td>.
L'esigenza di incollare il contenuto di un file CSV in un articolo o in una lettera informativa resta tuttora forte, perché i messaggi di posta in HTML non interpretano Markdown e alcuni sistemi di gestione dei contenuti ne sono privi. Uno strumento che con un clic trasforma il risultato di un foglio di calcolo in una tabella HTML risponde proprio a questa esigenza pratica, modesta ma consolidata.