CSV 转 HTML 表格转换器 (CSV→HTML)

将 CSV 文件转换为使用 `

`/`` 包裹。转换结果可实时预览，并支持复制或下载。转换完全在浏览器内完成，数据不会发送到服务器。

` 标记的 HTML 代码片段。可选择分隔符、是否将首行作为表头、是否用 `
分隔符
将首行作为表头
用 thead/tbody 包裹

预览

HTML 代码


            
            已复制！
            
          

          
输入 CSV 数据后，转换后的 HTML 表格会显示在这里。

        

      


      
      

        

          
CSV 行与 HTML 表格的对应关系

          

            

              
                

                  一行 CSV
                  name,age,city
                

                

                  转换后的 HTML 标记
                  <tr><td>name</td><td>age</td><td>city</td></tr>
                

              
            

          

          
当首行被用作表头时，会转换为一行 `` 标签；此后的每一行都会转换为一行 `` 标签。

        

      

    

  

  

  
  
  

    

      

        
使用提示

        
    
                      
  • 粘贴到 HTML 邮件或不支持 Markdown 的旧版 CMS 时，不带 thead/tbody 的最简输出往往更容易正常显示。
    • 
                      
  • 单元格中的 `<`、`>`、`&` 会自动转义为 HTML 实体，因此粘贴生成的代码不会破坏页面布局。
    • 
                      
  • 预览会按浏览器实际渲染方式显示转换后的表格，方便你在复制代码前确认显示效果。
    • 
                      
  • 可与姊妹工具 CSV 转 Markdown、CSV 转 JSON 搭配使用，将同一份 CSV 按需转换为三种不同格式。
    • 
                  

      

    

  


      

      

        

          
常见问题

          

                          

                

                  
                

                

                  
如果条件允许，建议这样做，因为它能在语义上区分表头行与数据行。但在部分邮件客户端等对 thead/tbody 支持不稳定的环境中，不带这两个标签的最简标记往往显示得更稳定。

                

              

                          

                

                  
                

                

                  
可以。带引号的单元格内的逗号和换行符都能被正确解析，因此即使是从 Excel 复制的复杂 CSV 数据，也能在不破坏表格结构的情况下转换为 HTML。

                

              

                          

                

                  
                

                

                  
可以。生成的是标准的 `` 标记，因此可以直接粘贴到 WordPress 的 HTML 编辑模式，或 HTML 邮件的正文中。

                

                  
                

                

                  
不会。所有转换处理都在浏览器中的 JavaScript 内完成，你输入的 CSV 内容不会被传输到任何服务器。

                

              

    

      

        ツールくん
        
闲话 ― 为什么 `

                
              
                          
                      
        
      
    

    
  
  
  
  
` 标签至今仍未消失
在上世纪90年代末 Web 发展初期，用 `

                  
` 标签搭建整个页面布局的"表格布局"曾是主流做法。当时 CSS 的排版能力有限，表格几乎是实现多栏布局的唯一实用手段，因此那个年代的 HTML 源码中充斥着与表格数据本身毫无关系的 `
` 元素。
如今 CSS 已经成熟，Flexbox 与 Grid 广泛普及，用表格做布局早已被视为典型的反模式。但在其本来的用途——表示按行列组织的真实数据——上，`

                  
` 依然是最合适、也最具无障碍访问优势的标签，因为屏幕阅读器能够识别并朗读 `
` 与 `` 之间的对应关系。

                  
将 CSV 内容粘贴到博客文章或邮件通讯中的需求至今依然普遍存在，因为 HTML 邮件无法渲染 Markdown，部分 CMS 也没有 Markdown 插件。能一键将电子表格结果转换为 HTML 表格的工具，正好满足了这种朴素却长期存在的实际需求。

        
              
    
  




  

    

      
同类工具