功能簡介
這個工具會把 CSV 資料轉換成 HTML 表格。第一列會成為表格標題(<thead> 裡的 <th> 儲存格),其餘每一列都會成為 <tbody> 裡的一個 <tr>。產生的標記有縮排、沒有行內樣式,方便閱讀、編輯和設定樣式。
你可以用它把試算表發布到網站上、在部落格文章或電子報中放入表格,或在 HTML 頁面中呈現資料。
使用方法
- 在 輸入 框貼上 CSV、上傳
.csv檔案,或點 範例。 - HTML 會隨著輸入即時顯示在右側。
- 如果自動偵測選錯了分隔符號,請在 分隔符號 中手動選擇;資料沒有標題列時,請關閉 第一列是標題列。
- 複製 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 以內的輸入會隨著輸入即時轉換;更大的檔案會切換為手動模式,請按「執行」。