html预览空白主因是文件未被解析为html或结构缺失：先查源码是否显示标签、network状态码及content-type，再确认doctype、html/head/body结构完整，最后排查未闭合标签、js错误和外部资源加载。
HTML在编辑器里预览空白，90%不是浏览器问题，而是文件没被当HTML解析，或结构根本没建起来。
检查文件是否真被当 HTML 加载
右键页面空白处 → “查看页面源代码”。如果看到的是纯文本（比如有 Hello），说明文件加载了但没被识别为 HTML；如果啥都看不到，说明压根没加载成功。
- 打开浏览器开发者工具（
F12），切到Network面板，刷新页面，看index.html（或你访问的文件）状态码是不是404或403—— 路径错、大小写错、服务器没配 MIME 类型都会卡在这步 - 如果状态码是
200，点开它，看响应头里的Content-Type是否为text/html；不是的话，浏览器会当纯文本处理，内容不渲染 - 本地双击打开时，URL 是
file://协议，某些编辑器（如旧版 Dreamweaver）可能默认用系统关联程序打开，而非浏览器。可手动拖进 Chrome/Firefox 测试
验证 HTML 结构是否完整且位置正确
空页面最常见原因：结构缺关键标签，或内容写错了地方。
- 必须有
，且必须在文件最顶部，前面不能有任何字符（包括 BOM、空行、注释） - 必须有
包裹全部内容，和不可省略 - 所有可见内容（
<p></p>、<div>、文字等）必须放在 <code>里面，写在里不会显示 - 临时加一句测试：
<p>TEST OK</p>，能显示就说明结构主干没问题
排查标签闭合与语法硬伤
浏览器容错能力强，但遇到严重语法错误（如未闭合的 <script></script>、错乱嵌套的 <table>）可能直接放弃后续解析，后面整页空白。
<ul>
<li>检查是否有未闭合标签，比如写了 <code><div> 却漏了 <code>
