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 的一行資料。
使用提示
- 即使沒有
<thead>/<tbody>標籤,只要首行的單元格全部是<th>,也會自動識別為表頭行。 - 單元格中的
<strong>、<br>等裝飾標籤會被自動去除,只有文本內容會被轉換為 CSV。 - 在瀏覽器中選中並複製其他網站的表格時,剪貼簿中往往同時包含 HTML 格式的資料,可以直接貼上到本工具中進行轉換。
- 這與姊妹工具 CSV 轉 HTML 表格轉換器 方向相反,兩者配合使用可以在 CSV 與 HTML 表格之間來回轉換。
常見問題
可以通過瀏覽器的開發者工具(選中元素後右鍵點選→"檢查")複製表格部分的 HTML,也可以通過檢視網頁原始碼(如 Ctrl+U)複製包含
<table> 標籤的部分並貼上進來。可以。即使沒有
<thead> 標籤,只要首個 <tr> 的單元格全部是 <th>,也會被當作表頭行處理。如果也不滿足這一條件,則所有行都會按資料行原樣轉換。只有最先找到的
<table> 標籤會被轉換。如果想轉換多個表格,請將各個表格的 HTML 分別貼上並轉換。不會。所有轉換處理都在瀏覽器內的 JavaScript 中完成,輸入的 HTML 內容不會被發送到任何伺服器。
閒話 ― 為什麼瀏覽器的"表格複製"會包含 HTML
在瀏覽器中選中並複製表格時,剪貼簿中不僅會儲存看得見的文字,背後還會同時儲存 HTML 格式的資料。這是因為作業系統的剪貼簿支援"多格式":複製源應用會同時寫入多種表現形式(純文本、HTML、富文本等),貼上目標應用可以選擇對自己最方便的格式來接收。
將其他網站的表格直接貼上到 Excel 或電子表格中時,連格式和連結都能一併還原,正是得益於這一機制。但另一方面,如果貼上目標是普通的文本編輯器或 CSV 檔案,這份背後的 HTML 資訊就無法被利用,只能作為純文本處理,表格的結構資訊(哪個單元格屬於哪一列)往往因此丟失。
HTML 表格轉 CSV 這類工具,正是承擔著顯式還原這種"容易丟失的結構資訊"的角色。它充分利用瀏覽器表格複製功能自帶的 HTML 結構,使資料能夠以在電子表格中正確分列的形式被重新利用——這是一個在實際工作中不起眼卻確實存在穩定需求的領域。