如何正确使用 innerHTML 加载包含表格的 HTML 字符串

直接将非法嵌套的 html（如 `

` 直接置于 `
` 内）赋值给 `innerhtml` 会导致浏览器自动修正 dom 结构，使内容意外移出表格；必须遵循 html 表格语义规范（如 ` ` 只能包含 `
` 或 ` `），并优先使用 “ 而非 “ 元素进行解析。

在前端开发中，通过 HTMLElement.innerHTML 动态注入后端返回的 HTML 字符串是一种常见需求，但当 HTML 包含

结构时，若标记不符合 HTML 规范，浏览器会静默纠错（parser correction），导致渲染结果与预期严重偏离——例如
被移出

甚至
外部。

根本原因在于 HTML 的严格嵌套规则：

元素仅允许的子元素是

、	和可选的