Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

浏览器不会报错但会静默重写dom，导致css失效、js查不到元素、ssr hydration失败，根源在于html嵌套违反content model规范：如内嵌触发强制闭合，直含使子元素被移出，漏致结构错位，必须用w3c验证器或devtools elements面板验证实际dom结构。

浏览器不会报错，但会静默重写 DOM —— 你写的 HTML 和最终生效的结构根本不是一回事，CSS 失效、JS 查不到元素、SSR hydration 失败，根源几乎都出在嵌套上。

为什么 <p></p> <div> 会让 CSS 和 JS 全面失效 <p>因为 <code><p></p> 的 content model 只允许 phrasing content（如 <span></span>、@#@#@#@#@#@#@#@#@#@0，它会直接指出 “<code>Element div not allowed as child of element p” 这类精准错误

打开 Chrome DevTools → Elements 面板，禁用所有 CSS 后观察块级元素是否塌陷或错位——这是父容器被意外截断最直观的信号

特别注意：模板拼接、CMS 输出、富文本编辑器生成的 HTML 很容易带非法嵌套，它们不走手写流程，更难被发现

嵌套不是“能闭上就行”，而是每一对开闭标签都要经得起 content model 校验。工具链越复杂，越要回归规范本身 —— 浏览器容错只是妥协，不是兜底。

漏掉 <tbody> 会让 CSS 和 JS 偏移 <p>虽然 <code><tbody> 在规范中是可选标签，但浏览器必须补上。写 <code><table><tr><td>A</td></tr></table> <table><tbody><tr><td>A</td></tr></tbody></table>