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 轉換器的使用方法

  1. 貼上 HTML 原始碼 將包含待轉換表格的 HTML 原始碼貼到輸入框中。如果手邊沒有可用的資料,可以點擊「示例」按鈕載入範例。
  2. 選擇分隔符 如果要匯入電子表格,選擇逗號;如果需要定位字元分隔的文字,則選擇定位字元。
  3. 選擇是否包含表頭行 透過「在輸出中包含表頭行」的勾選項,可以切換轉換結果中是否包含欄位名稱所在的那一行。
  4. 確認轉換結果 貼上後會立即在右側顯示 CSV/TSV 結果,同時顯示成功轉換的行數。
  5. 複製或下載結果 點擊「複製」按鈕可將結果複製到剪貼簿,點擊「下載」按鈕則可直接儲存為檔案。

用好本工具的小技巧

  • 即使沒有 <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 實體
例如 &amp;(表示 &)、&nbsp;(半形空格)這類用於在 HTML 中表示特殊字元的寫法。轉換時會自動還原為原始字元。
去除裝飾標籤
將儲存格中包含的 <strong><br><a> 等標籤去除,僅保留文字內容的處理過程。連結的 URL 等屬性值不會出現在 CSV 結果中。

常見問題

可以通過瀏覽器的開發者工具(選中元素後右鍵點選→"檢查")複製表格部分的 HTML,也可以通過檢視網頁原始碼(如 Ctrl+U)複製包含 <table> 標籤的部分並貼上進來。

可以。即使沒有 <thead> 標籤,只要首個 <tr> 的單元格全部是 <th>,也會被當作表頭行處理。如果也不滿足這一條件,則所有行都會按資料行原樣轉換。

只有最先找到的 <table> 標籤會被轉換。如果想轉換多個表格,請將各個表格的 HTML 分別貼上並轉換。

不會。所有轉換處理都在瀏覽器內的 JavaScript 中完成,輸入的 HTML 內容不會被發送到任何伺服器。
工具君

閒話 ― 為什麼瀏覽器的"表格複製"會包含 HTML

在瀏覽器中選中並複製表格時,剪貼簿中不僅會儲存看得見的文字,背後還會同時儲存 HTML 格式的資料。這是因為作業系統的剪貼簿支援"多格式":複製源應用會同時寫入多種表現形式(純文本、HTML、富文本等),貼上目標應用可以選擇對自己最方便的格式來接收。

將其他網站的表格直接貼上到 Excel 或電子表格中時,連格式和連結都能一併還原,正是得益於這一機制。但另一方面,如果貼上目標是普通的文本編輯器或 CSV 檔案,這份背後的 HTML 資訊就無法被利用,只能作為純文本處理,表格的結構資訊(哪個單元格屬於哪一列)往往因此丟失。

HTML 表格轉 CSV 這類工具,正是承擔著顯式還原這種"容易丟失的結構資訊"的角色。它充分利用瀏覽器表格複製功能自帶的 HTML 結構,使資料能夠以在電子表格中正確分列的形式被重新利用——這是一個在實際工作中不起眼卻確實存在穩定需求的領域。