DevToolPal
繁

CSV 轉 HTML 表格

把 CSV 資料轉換成含標題列的乾淨 HTML 表格,可以直接貼到網頁或電子郵件中。

本機處理,不會上傳

選項

輸入

0 字元 · 0 B

輸出

0 字元 · 0 B

功能簡介

這個工具會把 CSV 資料轉換成 HTML 表格。第一列會成為表格標題(<thead> 裡的 <th> 儲存格),其餘每一列都會成為 <tbody> 裡的一個 <tr>。產生的標記有縮排、沒有行內樣式,方便閱讀、編輯和設定樣式。

你可以用它把試算表發布到網站上、在部落格文章或電子報中放入表格,或在 HTML 頁面中呈現資料。

使用方法

  1. 在 輸入 框貼上 CSV、上傳 .csv 檔案,或點 範例。
  2. HTML 會隨著輸入即時顯示在右側。
  3. 如果自動偵測選錯了分隔符號,請在 分隔符號 中手動選擇;資料沒有標題列時,請關閉 第一列是標題列。
  4. 複製 HTML,或下載為 .html 檔案。

範例

name,city
Alice,Shanghai

會變成

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Shanghai</td>
    </tr>
  </tbody>
</table>

說明

儲存格數比最寬那一列少的列,會用空白儲存格補齊,讓每一列的欄數都相同。

常見問題

› 產生的表格可以自訂樣式嗎?

可以。輸出的是不含行內樣式的 <table>、<thead>、<tbody>、<tr>、<th> 和 <td> 標記,會直接套用你網站的 CSS。在 <table> 標籤加上一個 class 就能單獨設定樣式。

› 如果我的 CSV 沒有標題列怎麼辦?

關閉「第一列是標題列」。所有列都會當作資料列輸出,也不會產生 <thead>。

› 特殊字元安全嗎?

安全。<、>、& 和引號都會被跳脫,儲存格內容只會顯示為文字,無法注入 HTML。儲存格內的換行會變成 <br>。

› 有大小限制嗎?

1 MB 以內的輸入會隨著輸入即時轉換;更大的檔案會切換為手動模式,請按「執行」。