最常见原因是缺根标签或内容误写进（不渲染），须确保：第一行是，可见内容全在内，文件存为utf-8编码、.html后缀。
为什么浏览器打开 HTML 文件后一片空白？
最常见原因是缺了 根标签，或者把内容误写进了 里—— 中的内容默认不渲染，哪怕写了 <h1>标题</h1> 也看不见。
必须确保：
- 第一行是 （不能多空格、不能小写 <code>）
- 所有可见内容都严格放在 <code> 内部
- 文件保存为纯文本，编码选 UTF-8，后缀手动敲成 .html（别用记事本默认的 .txt）
<h1></h1> 和 <div> 都能显示大字，为什么非得用 <code><h1></h1>？
这不是“能不能显示”的问题，而是“浏览器和机器怎么理解你”的问题。
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
语义错位会直接导致：
- 屏幕阅读器跳过 <div> 冒充的标题，盲人用户无法导航
- 搜索引擎忽略该内容，<code><title></title> 和 <h1></h1> 是 SEO 最优先抓取的两个字段
- 后续加 CSS 或 JS 时，<h1></h1> 天然带默认样式和可聚焦行为，<div> 得全靠手写补全<h3>
<code><meta charset="UTF-8"> 放错位置会怎样？
它必须出现在 的**最靠前位置**（最好紧贴 开始标签之后），否则中文、emoji 或特殊符号可能显示为小方块或问号——而且浏览器不会报错，只默默出错。
典型错误写法：
- 放在 <title></title> 后面（部分旧版浏览器会失效）
- 写成 <meta charset="utf-8">（单引号没问题，但大小写敏感，UTF-8 必须大写 U、T、F）
- 漏掉这行，却用 <script></script> 动态插入，已晚：解析器早按默认编码（如 ISO-8859-1）读完了前面内容
为什么 <img src="xxx"> 显示不出图，控制台却没报错？
路径错误是最隐蔽的原因——尤其是相对路径依赖当前 HTML 文件所在目录，不是编辑器打开的项目根目录。
检查顺序建议：
- 看浏览器地址栏 URL，确认当前 HTML 文件的完整路径（比如 file:///D:/my-site/index.html）
- 把图片路径拼进这个 URL 里，手动在浏览器中访问，看是否能直接打开图片
- src 值不要以 / 开头（那是从网站根目录算起，本地 file:// 协议下基本无效）
- <img> 必须带 alt 属性，否则无障碍检测工具会警告，且图片加载失败时无 fallback 提示
