Excel 转 HTML：转换差异、边界与常见坑
在线 Excel 转 HTML：把工作表导出成语义化 HTML 表格，表头用 thead 包裹，合并单元格展开为 rowspan 与 colspan 属性，复制到网页或邮件后仍保留基本结构。
把工作表转成网页表格，产出语义化的 table 标记而不是样式快照。要点是合并单元格能否正确展开为 rowspan/colspan，以及表头是否落在 thead 里——这决定读屏软件与搜索引擎能不能读懂这张表。
两种格式的差异对照
| 维度 | Excel（工作簿） | HTML（表格标记） |
|---|---|---|
| 本质 | 电子表格文件，含结构与样式 | 文本标记，描述结构与语义 |
| 样式 | 字体、底色、边框内嵌于文件 | 默认无样式，交由 CSS 控制 |
| 合并单元格 | 原生支持 | 用 rowspan/colspan 表达 |
| 公式与计算 | 支持 | 不支持，只有静态文本 |
| 交互性 | 排序、筛选、透视、宏 | 纯静态，交互需 JavaScript |
| 无障碍 | 视具体平台，通常一般 | 语义标签可被读屏软件正确朗读 |
| 可检索性 | 需下载后才能被引擎读取 | 可被搜索引擎直接抓取与索引 |
| 可移植性 | 需 Excel/WPS 打开 | 任何浏览器都能渲染 |
边界条件
- 合并单元格转换后结构差异最大：部分工具会拍平合并区，导致行列错位，需要人工复核表头。
- 单元格内的换行在 HTML 里会塌陷成空格，需要显式写成 <br> 或用 white-space 样式保留。
- SheetJS/xlsx 等工具不会生成 <thead>，所有行都落在 <tbody> 里，需要自己补语义标签以利 SEO 与无障碍。
- 宽度靠列宽设定的表格在响应式页面上会横向溢出，需外层容器加 overflow-x:auto。
常见坑
- 粘贴到富文本编辑器后样式被清空，表格挤成一团，误以为转换失败。
- 合并单元格被拍平，原本两行的表头变成一行数据，后续统计全部错位。
- 表格宽度超出手机屏幕且没有横向滚动容器，整页被撑开。
- 把表格当布局工具（用表格排版页面）——这是二十年前的写法，对无障碍是灾难。
- 导出的 HTML 表丢了 Excel 的列宽与换行设置，宽表在手机上整页被撑开，需要外层容器加横向滚动。
相关工具
- Excel 转 HTML 工具把 Excel 转为带样式的整洁 HTML 表格，支持工作表选择与响应式输出。转成带行列结构的表格标记，保留合并单元格并可选输出响应式样式。可指定使用哪个工作表，并选择是否把首行渲染为表头。适合把报表贴进内网页面、邮件正文或文档系统。输出为纯静态标记，不依赖外部样式表。表格标记可直接粘进页面。
- 数据格式转换器在 JSON、YAML、TOML、XML、CSV 之间一处粘贴自由互转并实时预览。在 JSON、YAML、TOML、XML 与 CSV 之间任意互转，粘贴一次即可看多种输出。转换时会提示解析失败的位置，避免带着语法错误继续处理。适合在不同工具链之间迁移配置文件。支持粘贴即转。多种格式的输出可逐一取用。
- Excel 转 CSV 工具把 Excel 转为 CSV，可自定义分隔符并批量转换多个工作表，用 SheetJS 本地处理。可自定义分隔符与是否保留表头，并一次性转换多个工作表。字段内含分隔符或换行时会自动加引号转义。适合把表格交给数据库批量导入或交给脚本继续处理。输出可选 UTF-8 编码以避免中文乱码。
- Excel 转 JSON 工具把 Excel 文件（xlsx、xls、csv）转为 JSON，支持嵌套表头、工作表选择与键名映射，用 SheetJS 在浏览器完成，适合业务数据导入。支持选择工作表、指定表头行与把首行映射为字段名。嵌套表头会按层级组装为嵌套对象，数字与日期保留原始类型。可指定表头行并自定义字段名。
常见问题
怎么把 HTML 再转回 Excel？
使用同工具的交换方向功能，或本站对应的「HTML 转 Excel」页面，两者都本地运行、数据不上传，可完成往返转换与校验。
Excel 和 HTML 哪个更适合人类阅读？
这取决于场景：HTML 通常更偏向程序解析与接口传输式的可读形态，而 Excel 更利于程序解析与接口传输式的程序消费；需要人工编辑时优先选可读性更高的那一侧。
导出的 HTML 表格可以直接贴进公众号吗？
可以，但要注意两点：公众号编辑器会过滤掉大部分内联样式与 class，只保留行内 style 的一部分；合并单元格（rowspan/colspan）在部分编辑器里会被拍平。稳妥做法是贴进去后目测一遍表格是否仍对齐，必要时改用图片。
生成的是语义化标签还是纯样式表？
正确做法是语义化的 <table> + <thead>/<tbody>，只带结构不带样式，样式交给你的 CSS。如果工具输出了一堆 <div> 加行内定位，那是"看起来像表格的图片"，对无障碍（读屏软件）和搜索引擎都不可用。