Conversione da tabella HTML a CSV

Incollando un sorgente che contenga il marcatore <table>, lo converte in CSV o TSV. Comodo per copiare la tabella di un altro sito e importarla in un foglio di calcolo. Riconosce automaticamente la riga d'intestazione contenuta in thead e l'intera conversione avviene nel navigatore, senza alcuna trasmissione a un servente.

Corrispondenza fra la tabella HTML e le righe del CSV

Una riga dell'HTML <tr><td>name</td><td>age</td><td>city</td></tr>
Notazione CSV risultante name,age,city

Le righe contenute in <thead>, oppure la prima riga se composta di soli <th>, sono riconosciute come intestazione; ogni altro <tr> diventa una riga di dati del CSV.

Che cos'è la conversione da tabella HTML a CSV

La conversione da tabella HTML a CSV è uno strumento che trasforma il codice sorgente di un marcatore <table> incorporato in una pagina web in dati CSV o TSV, semplicemente incollandolo. Quando selezionate e copiate una tabella da un altro sito nel navigatore, gli appunti spesso portano con sé la struttura HTML sottostante insieme al testo visibile, e potete incollare quel contenuto direttamente in questo strumento. Le righe all'interno di un elemento <thead>, oppure una prima riga le cui celle sono tutte <th>, vengono riconosciute automaticamente come riga d'intestazione, senza bisogno di indicare manualmente se sia presente un'intestazione.

Anche quando una cella contiene marcatori decorativi come <strong>, <br> o <a>, durante la conversione vengono rimossi soltanto i marcatori, mentre il testo che racchiudono viene conservato. Potete scegliere tra virgola e tabulazione come carattere separatore, e potete anche decidere se includere o meno la riga d'intestazione nel risultato. Se l'HTML incollato contiene più di un marcatore <table>, per la conversione viene usata soltanto la prima tabella incontrata; le altre vengono ignorate, quindi conviene isolare in anticipo la tabella desiderata quando una pagina ne contiene diverse.

L'intero processo viene eseguito come JavaScript direttamente nel vostro navigatore, e l'HTML che incollate non viene mai trasmesso a un servente, il che rende lo strumento sicuro da usare anche con dati che preferite mantenere riservati, come un rapporto interno o una bozza ancora in fase di revisione. Questo aspetto risulta particolarmente prezioso per chi lavora con dati sensibili di clienti o cifre interne che non dovrebbero uscire dal proprio gruppo di lavoro, perché elimina del tutto la preoccupazione che le informazioni viaggino verso un servente esterno durante la conversione.

Come usare la conversione da tabella HTML a CSV

  1. Incollate il codice sorgente HTML Incollate nel campo di inserimento il codice sorgente HTML che contiene la tabella da convertire. Se volete prima provare lo strumento, caricate l'esempio integrato con il pulsante «Esempio».
  2. Scegliete un carattere separatore Scegliete la virgola se intendete importare il risultato in un foglio di calcolo, oppure la tabulazione se preferite un testo separato da tabulazioni.
  3. Decidete se includere la riga d'intestazione Usate la casella «Includi la riga d'intestazione nel risultato» per stabilire se i nomi delle colonne compaiano come prima riga del risultato.
  4. Controllate l'esito della conversione Non appena incollate un HTML valido, il risultato in CSV o TSV compare a destra, insieme al numero di righe convertite correttamente.
  5. Copiate o scaricate il risultato Usate il pulsante «Copia» per mettere il risultato negli appunti, oppure «Scarica» per salvarlo direttamente come file.

Consigli per sfruttarlo al meglio

  • Anche in un HTML privo dei marcatori <thead> e <tbody>, se tutte le celle della prima riga sono <th> essa viene riconosciuta automaticamente come intestazione.
  • I marcatori decorativi contenuti nelle celle, come <strong> e <br>, sono rimossi automaticamente e nel CSV finisce soltanto il testo.
  • Selezionando e copiando nel navigatore la tabella di un altro sito, negli appunti finiscono spesso anche i dati in formato HTML, che potete incollare qui e convertire senz'altro.
  • È la conversione inversa dello strumento affine che trasforma il CSV in tabella HTML: usandoli in coppia potete passare liberamente dall'uno all'altro formato.

Casi d'uso della conversione da tabella HTML a CSV

Portare tabelle di altri siti in un foglio di calcolo

Copiate l'HTML di una tabella tratta da un articolo di cronaca o da una pagina di statistiche usando gli strumenti per sviluppatori del navigatore, quindi convertitelo direttamente in un formato che Excel o Google Fogli possa aprire e ordinare.

Ripulire frammenti HTML ottenuti tramite scraping

Quando uno script o un crawler ha catturato una pagina come HTML grezzo, potete estrarne solo la parte della tabella e trasformarla in un CSV pronto per l'elaborazione o l'archiviazione successiva.

Trasformare in dati strutturati le tabelle di un CMS o di un wiki

Le tabelle scritte a mano in un wiki aziendale o in un articolo di blog come marcatori <table> possono essere esportate in CSV, rendendole molto più facili da aggregare, filtrare e cercare.

Riutilizzare tabelle copiate da e-mail o documenti

Una tabella incollata da un'e-mail in HTML o da un documento Word conserva spesso il proprio marcatore negli appunti, e convertirla in CSV rende molto più semplice passarla a un altro strumento o a un foglio di calcolo.

Andare avanti e indietro con la conversione da CSV a tabella HTML

Abbinate questo strumento al suo omologo inverso per muovervi liberamente tra CSV e marcatori di tabella HTML ogni volta che dovete adattare gli stessi dati a destinazioni diverse.

Glossario su tabelle HTML e CSV

thead / tbody
Marcatori usati per dividere una tabella HTML in una sezione d'intestazione e una sezione del corpo. Se esistono righe all'interno di <thead>, questo strumento le tratta sempre come riga d'intestazione, indipendentemente dall'aspetto della prima riga del corpo.
th / td
Marcatori che rappresentano una cella di tabella: <th> è una cella d'intestazione, <td> è una normale cella di dati. Quando una tabella non ha <thead>, lo strumento verifica se tutte le celle della prima riga sono <th> per stabilire se sia presente un'intestazione.
CSV (valori separati da virgola)
Un formato di dati in puro testo in cui le colonne sono separate da virgole. Se un valore contiene esso stesso una virgola, un ritorno a capo o un doppio apice, l'intero valore viene racchiuso tra doppi apici per mantenere la struttura priva di ambiguità.
TSV (valori separati da tabulazione)
Un formato che usa un carattere di tabulazione anziché una virgola per separare le colonne. Tende a rendere i confini delle colonne meno ambigui rispetto al CSV quando i dati stessi contengono frequentemente virgole.
Entità HTML
Una notazione come &amp; (che rappresenta &) o &nbsp; (uno spazio unificatore), usata per scrivere in sicurezza caratteri speciali all'interno del marcato HTML. Questo strumento decodifica automaticamente le entità restituendo i caratteri che rappresentano.
Rimozione dei marcatori decorativi
Il processo di eliminazione di marcatori come <strong>, <br> e <a> all'interno di una cella, mantenendo solo il contenuto testuale. I valori degli attributi, come l'URL di un collegamento, vengono scartati e non compaiono nel risultato CSV.

Domande frequenti

Copiate l'HTML della tabella dagli strumenti per sviluppatori del navigatore, selezionando l'elemento e scegliendo «Ispeziona», oppure dalla visualizzazione del sorgente della pagina, prendendo la porzione che contiene il marcatore <table>, e incollatelo qui.

Sì. Anche senza il marcatore <thead>, se tutte le celle del primo <tr> sono <th> quella riga è trattata come intestazione. Se nemmeno questo si verifica, tutte le righe sono convertite come dati.

Viene convertita soltanto la prima tabella incontrata. Per convertirne più d'una, incollate e convertite separatamente l'HTML di ciascuna.

No. La conversione avviene interamente nel JavaScript del navigatore e quanto inserite non viene mai trasmesso ad alcun servente.
Tool-kun

A proposito — perché copiando una tabella dal navigatore si porta con sé anche l'HTML

Selezionando e copiando una tabella nel navigatore, negli appunti non finisce soltanto il testo che si vede, ma anche, dietro le quinte, la corrispondente rappresentazione in HTML. Ciò accade perché gli appunti del sistema operativo gestiscono più formati insieme: l'applicazione di origine vi scrive contemporaneamente diverse rappresentazioni — testo semplice, HTML, testo formattato — e quella di destinazione sceglie la più conveniente.

È grazie a questo meccanismo che, incollando in Excel o in un foglio di calcolo la tabella di un altro sito, si ritrovano riprodotti anche formattazione e collegamenti. Se invece la destinazione è un semplice programma di scrittura o un file CSV, l'informazione HTML resta inutilizzata e tutto viene trattato come testo semplice: la struttura della tabella, cioè l'appartenenza di ciascuna cella a una colonna, tende così ad andare perduta.

Uno strumento che converte una tabella HTML in CSV ha proprio il compito di ripristinare esplicitamente quell'informazione strutturale che rischia di perdersi. Sfrutta la struttura HTML che la copia dal navigatore porta con sé e la restituisce come dati correttamente ripartiti in colonne nel foglio di calcolo: un genere di utilità poco appariscente ma di sicura richiesta nel lavoro quotidiano.