HTML 表格轉 CSV 轉換器 (HTML→CSV)
貼上包含 HTML <table> 標籤的原始碼,即可轉換為 CSV/TSV。適合將其他網站的表格複製到電子表格中使用。會自動識別 thead 內的表頭行,且所有轉換處理均在瀏覽器內完成,不會發送到伺服器。
HTML 表格與 CSV 行的對應關係
| HTML 的一行 | <tr><td>name</td><td>age</td><td>city</td></tr> |
|---|---|
| 轉換後的 CSV 記法 | name,age,city |
<thead> 內的行,或首行全部由 <th> 組成時,會被識別為表頭行;其餘每個 <tr> 都會轉換為 CSV 的一行資料。
什麼是 HTML 表格轉 CSV 轉換器
HTML 表格轉 CSV 轉換器只需貼上網頁中 <table> 標籤的原始碼,就能將其轉換為 CSV 或 TSV 資料。在瀏覽器中選取並複製其他網站的表格時,剪貼簿裡往往會連同看得見的文字一起附帶 HTML 結構,可以直接把它貼到本工具中使用。<thead> 內的行,或首行儲存格全部是 <th> 的情況,都會被自動識別為表頭行,不需要手動指定表頭是否存在。
即使儲存格中包含 <strong>、<br>、<a> 等裝飾性標籤,轉換時也只會去除標籤本身,保留其中的文字內容。分隔符可以在逗號和定位字元之間選擇,是否在輸出中包含表頭行也可以自由切換。如果貼上的 HTML 中包含多個 <table> 標籤,只有最先出現的那一個會被轉換,其餘會被忽略。整個轉換過程都在瀏覽器內的 JavaScript 中完成,貼上的 HTML 內容不會發送到任何伺服器,因此即便是包含內部資料等不便公開的內容,也可以放心使用。
HTML 表格轉 CSV 轉換器的使用方法
- 貼上 HTML 原始碼 將包含待轉換表格的 HTML 原始碼貼到輸入框中。如果手邊沒有可用的資料,可以點擊「示例」按鈕載入範例。
- 選擇分隔符 如果要匯入電子表格,選擇逗號;如果需要定位字元分隔的文字,則選擇定位字元。
- 選擇是否包含表頭行 透過「在輸出中包含表頭行」的勾選項,可以切換轉換結果中是否包含欄位名稱所在的那一行。
- 確認轉換結果 貼上後會立即在右側顯示 CSV/TSV 結果,同時顯示成功轉換的行數。
- 複製或下載結果 點擊「複製」按鈕可將結果複製到剪貼簿,點擊「下載」按鈕則可直接儲存為檔案。
用好本工具的小技巧
- 即使沒有
<thead>/<tbody>標籤,只要首行的單元格全部是<th>,也會自動識別為表頭行。 - 單元格中的
<strong>、<br>等裝飾標籤會被自動去除,只有文本內容會被轉換為 CSV。 - 在瀏覽器中選中並複製其他網站的表格時,剪貼簿中往往同時包含 HTML 格式的資料,可以直接貼上到本工具中進行轉換。
- 這與姊妹工具 CSV 轉 HTML 表格轉換器 方向相反,兩者配合使用可以在 CSV 與 HTML 表格之間來回轉換。
HTML 表格轉 CSV 轉換器的使用情境
將其他網站的表格匯入電子表格
透過開發者工具複製新聞網站或統計頁面上的表格 HTML,直接轉換為 Excel 或 Google 試算表可以開啟並排序的格式。
整理爬蟲擷取到的 HTML 片段
當程式擷取到的頁面是原始 HTML 時,可以只提取其中的表格部分,轉換為便於後續處理與儲存的 CSV。
將 CMS 或 Wiki 中的表格結構化
公司 Wiki 或部落格文章中手寫的 <table> 表格,可以匯出為 CSV,藉此更方便地進行彙總、篩選與檢索。
重複使用郵件或文件中複製的表格
從 HTML 郵件或 Word 文件中複製的表格通常會在剪貼簿中保留標籤結構,轉換為 CSV 後能更方便地傳遞給其他工具或試算表軟體。
與CSV 轉 HTML 表格轉換器搭配往返使用
將本工具與反方向的轉換工具搭配使用,可以依據不同的用途需求,在 CSV 與 HTML 表格標籤之間自由轉換。
HTML 表格與 CSV 相關術語
- thead / tbody
- 用於將 HTML 表格劃分為「表頭部分」與「主體部分」的標籤。只要
<thead>內存在行,本工具就會將其視為表頭行。 - th / td
- 表示表格儲存格的標籤,
<th>表示表頭儲存格,<td>表示一般資料儲存格。沒有 thead 的表格中,會檢查首行是否全部為<th>來判斷是否存在表頭。 - CSV(逗號分隔值)
- 一種使用逗號分隔欄位的純文字資料格式。當值本身包含逗號、換行符或雙引號時,會用雙引號將整個值包裹起來以進行跳脫處理。
- TSV(定位字元分隔值)
- 使用定位字元而非逗號來分隔欄位的格式。當資料本身經常包含逗號時,TSV 通常比 CSV 更不容易造成欄位邊界的混淆。
- HTML 實體
- 例如
&(表示 &)、 (半形空格)這類用於在 HTML 中表示特殊字元的寫法。轉換時會自動還原為原始字元。 - 去除裝飾標籤
- 將儲存格中包含的
<strong>、<br>、<a>等標籤去除,僅保留文字內容的處理過程。連結的 URL 等屬性值不會出現在 CSV 結果中。
常見問題
<table> 標籤的部分並貼上進來。<thead> 標籤,只要首個 <tr> 的單元格全部是 <th>,也會被當作表頭行處理。如果也不滿足這一條件,則所有行都會按資料行原樣轉換。<table> 標籤會被轉換。如果想轉換多個表格,請將各個表格的 HTML 分別貼上並轉換。
閒話 ― 為什麼瀏覽器的"表格複製"會包含 HTML
在瀏覽器中選中並複製表格時,剪貼簿中不僅會儲存看得見的文字,背後還會同時儲存 HTML 格式的資料。這是因為作業系統的剪貼簿支援"多格式":複製源應用會同時寫入多種表現形式(純文本、HTML、富文本等),貼上目標應用可以選擇對自己最方便的格式來接收。
將其他網站的表格直接貼上到 Excel 或電子表格中時,連格式和連結都能一併還原,正是得益於這一機制。但另一方面,如果貼上目標是普通的文本編輯器或 CSV 檔案,這份背後的 HTML 資訊就無法被利用,只能作為純文本處理,表格的結構資訊(哪個單元格屬於哪一列)往往因此丟失。
HTML 表格轉 CSV 這類工具,正是承擔著顯式還原這種"容易丟失的結構資訊"的角色。它充分利用瀏覽器表格複製功能自帶的 HTML 結構,使資料能夠以在電子表格中正確分列的形式被重新利用——這是一個在實際工作中不起眼卻確實存在穩定需求的領域。