ViewCSVApri o incolla un file CSV e ottieni una <table> con un <thead> di intestazioni <th scope="col"> e un <tr> per ogni riga, oppure una pagina HTML completa da aprire direttamente. Ogni valore viene protetto con le entità HTML, quindi un <script> o una & nei tuoi dati compaiono come testo e non diventano mai markup. Il file viene convertito nel browser e non viene mai caricato.
Come convertire un CSV in HTML
- Scegli Apri file, trascina sullo strumento un file
.csv,.tsvo.txtoppure usa Incolla. Se le colonne non sembrano giuste, correggi delimitatore o codifica in Impostazioni di importazione. - In Risultato scegli Solo la tabella per incollare il markup in una pagina o in un CMS già esistenti, oppure Pagina HTML completa per un file autonomo.
- Aggiungi una Didascalia (facoltativa), decidi stile e a capo, poi scegli Copia o «Scarica HTML».
Per un README o una wiki di solito è più comoda da modificare una tabella Markdown; per un file da stampare usa Da CSV a PDF.
Opzioni della tabella HTML
| Solo la tabella | È l’impostazione predefinita. Solo l’elemento <table>, pronto da incollare in una pagina, in un modello di email o in un blocco HTML del CMS. |
|---|---|
| Pagina HTML completa | Aggiunge <!doctype html>, <html lang="en">, <meta charset="utf-8"> e un <title> (la didascalia oppure, se manca, Table), così il file si apre correttamente in qualsiasi browser. L’attributo lang riporta la lingua del sito che stai usando. |
| Didascalia (facoltativa) | Scrive una <caption> come primo elemento della tabella: è il nome accessibile che gli screen reader annunciano per la tabella. |
| Aggiungi uno stile semplice | Attiva per impostazione predefinita. In una pagina completa incorpora un piccolo foglio di stile: bordi, riga di intestazione ombreggiata e numeri allineati a destra. Con Solo la tabella aggiunge invece class="csv-table" alla tabella e class="num" alle celle numeriche, così l’aspetto lo decide il tuo CSS. |
| Mostra gli a capo nelle celle | Attiva per impostazione predefinita. Un a capo dentro un valore diventa <br>. Se la disattivi, l’a capo resta nel sorgente e i browser lo mostrano come uno spazio. |
Caratteri protetti, direzione del testo e numeri
&,<,>,"e'vengono scritti come&,<,>,"e'in ogni cella, intestazione e didascalia. I tag presenti nei dati compaiono come testo: anche l’HTML già contenuto nel CSV, quindi, non viene interpretato.- Ogni cella ha
dir="auto", così i valori in arabo o in ebraico si leggono da destra a sinistra anche in una pagina da sinistra a destra. - Una colonna è considerata numerica solo se tutti i valori non vuoti sono numeri semplici; una colonna di codici come
0042resta testo e non viene allineata a destra. I valori in sé non vengono mai riformattati. - Virgole, virgolette e a capo tra virgolette vengono letti secondo la RFC 4180. Un’intestazione vuota diventa
Column 3e una ripetutaname (2). - L’output è in UTF-8. Una pagina completa lo dichiara con
<meta charset="utf-8">; se incolli Solo la tabella in un’altra pagina, anche quella deve essere in UTF-8.
Quando la tabella HTML non si vede come previsto
- Le lettere accentate compaiono come é nel file di origine. Il CSV non è in UTF-8. Scegli la sua codifica (spesso Windows-1252 per gli export di Excel meno recenti) in Impostazioni di importazione e riaprilo.
- I tag presenti nei miei dati compaiono come testo. L’HTML nelle celle è stato protetto apposta, perché non possa essere eseguito come markup. Se ti fidi del contenuto e vuoi che venga interpretato, modifica il risultato.
- La tabella incollata non ha bordi. Solo la tabella aggiunge i nomi di classe (con lo stile attivo), non il CSS. Definisci lo stile di
.csv-tableetd.numnel foglio di stile del tuo sito, oppure scegli Pagina HTML completa per avere gli stili integrati. - Una sola colonna contiene tutti i valori. Il delimitatore è stato riconosciuto male: impostalo in Impostazioni di importazione. I CSV salvati da Excel in italiano usano spesso il punto e virgola.
Limiti e privacy
I file fino a 25 MB, 100.000 righe o 2 milioni di celle si aprono con un’anteprima dal vivo delle prime 200 righe. Quelli più grandi vengono convertiti in streaming: il file viene letto due volte a blocchi (una per misurare le colonne e capire quali sono numeriche, una per scrivere), un avviso ricorda che il download comprende l’intero file e Copia non è disponibile. Un singolo file di output può arrivare al massimo a 4 GB.
La conversione gira in un worker in background in questa scheda del browser: la pagina resta reattiva e Annulla la interrompe. Il CSV non viene mai inviato a un server.
Esempio: un elenco ordini con caratteri speciali per l’HTML
Un elenco ordini con una e commerciale, un apostrofo, delle virgolette e dell’HTML dentro un commento su due righe, convertito con le impostazioni predefinite (Solo la tabella, con stile, a capo visibili). qty contiene solo numeri, quindi le sue celle ricevono class="num".
id,product,qty,comment 0042,Fish & Chips,2,"<b>Extra</b> vinegar no salt" 0043,"O'Brien's ""Stout""",12,
<table class="csv-table">
<thead>
<tr>
<th scope="col">id</th>
<th scope="col">product</th>
<th scope="col">qty</th>
<th scope="col">comment</th>
</tr>
</thead>
<tbody>
<tr>
<td dir="auto">0042</td>
<td dir="auto">Fish & Chips</td>
<td class="num" dir="auto">2</td>
<td dir="auto"><b>Extra</b> vinegar<br>no salt</td>
</tr>
<tr>
<td dir="auto">0043</td>
<td dir="auto">O'Brien's "Stout"</td>
<td class="num" dir="auto">12</td>
<td dir="auto"></td>
</tr>
</tbody>
</table>Domande frequenti
Posso incollare il risultato nel mio sito senza rischi?
I dati non possono iniettare markup: ogni valore, ogni intestazione e la didascalia vengono protetti con le entità HTML, e nessun valore finisce mai in un attributo. Gli unici tag dell’output sono gli elementi della tabella scritti dal convertitore stesso.
Da dove viene l’attributo lang della pagina?
Una pagina completa prende il tag di lingua dalla lingua del sito che stai usando. Se i tuoi dati sono in un’altra lingua, modifica l’attributo lang dopo il download.
Posso ordinare o filtrare la tabella HTML?
Il risultato è una tabella statica, senza script. Ordina o filtra prima i dati con Ordina righe CSV o Filtra righe CSV, poi convertili.