识别Word导出HTML中纯占位表格需查三点：单元格仅含空格或无内容且computed样式height/padding/border为0；整表无caption/thead/tbody及data-*属性，父容器却用display:grid；table存在但colgroup/caption为空或仅width="0"，且嵌套超三层。

怎么识别 Word 导出的表格里哪些是纯占位标签

Word 转 HTML 生成的

、、、没 存在但 全为空属性，或只带 width="0" 这类无效值

嵌套三层以上：

、也没任何 data-* 属性，父容器却已用 display: grid 布局

很多根本不承载数据，只是编辑器为了“撑住格式”硬塞的。典型表现包括：	里只有  、 或空字符串，且 computed 样式中 height、padding、border 全为 0 整张表没

…

这些不是“样式没写好”，而是结构上就不该存在。

删 前必须验证的三件事

直接删可能让 JS 绑定失效或 CSS 选择器断链。动手前在 DevTools 里确认：

• 右键目标

→ “Break on > subtree modifications”，操作页面看是否触发——不触发说明没被 JS 动态操作

全局搜索该 class 或 id（比如 .MsoNormalTable），检查是否出现在 CSS 后代选择器（如 .content table tr td）或 document.querySelector 中

检查是否被 ARIA 属性引用：搜 aria-owns、aria-labelledby 等，确认它是否参与可访问性树

用正则批量清理 Word 表格冗余属性的实操写法

VSCode 里打开 HTML 文件，Ctrl+H 启用正则模式，按顺序执行（每次点“预览”确认）：

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

• 删 border、cellpadding、cellspacing：(border|cellpadding|cellspacing)="[^"]*?"
• 删无意义的 width、height（非 @@##@@ 上）：(width|height)=(?!(?:\s*["']?auto|100%|fit-content))[^>\s]*
• 删

  、 这类 Office 私有标签：]*style="[^"]*mso-[^"]*"[^>]*> 和 (o:p|span)>

• 删空

注意：别用 .*? 跨行匹配，先用 [\s\S] 替代，避免误吞整个表格结构。

为什么不能直接把

和仅含   的单元格（保留内容）：

]*>\s*(?: |\s*)\s*

换成

就完事

语义和渲染行为完全不同：

有隐式 border-collapse、table-layout: auto 等默认规则，而

没有。更安全的做法是：

• 纯展示型表格（如价格对比、参数列表）→ 改用

  +

  /

  ，再配 display: grid

• 需要行列对齐的布局需求 → 直接用
  ，删掉所有

包裹层

真要保留表格语义（如财务数据、可排序列表）→ 只清理属性和空行，不删

，改用 role="table" 显式声明

最容易被忽略的是：删完后，display: contents 在旧版 Safari 里不支持，若需兼容 iOS 14 以下，得 fallback 到 visibility: collapse 或 JavaScript 动态移除节点。