HTML页面空白主因是结构缺失或位置错乱：先查DOCTYPE是否缺失或大小写错误、内容是否误写在<head>里、<body>是否漏写或未闭合；再确认文件是否保存为.html而非.html.txt；最后用Elements面板看实际DOM是否被浏览器自动修正。
HTML初学者遇到的问题，90%以上不是语法不会，而是浏览器“自动容错”掩盖了错误，直到页面表现异常才暴露出来。直接改代码不如先看浏览器实际渲染出的 DOM 结构——它和你写的源码经常不一样。
为什么页面空白或只显示部分 HTML
最常见原因是结构缺失或位置错乱，而不是代码写错了。
-
DOCTYPE缺失或写成<!doctype html>（小写）：某些旧版 IE 或 WebView 会触发怪异模式，导致body内容不渲染 -
<head>里误写了可见内容（比如把<h1>放进<head>）：浏览器会把它移到<body>开头，但可能被 CSS 隐藏或覆盖 -
<body>标签被漏写或写成<Body>：HTML 不区分大小写，但编辑器或验证器可能报错；更常见的是没闭合<body>，导致后续所有标签被吞进body的文本节点里 - 文件保存为
.html.txt：Windows 记事本默认加后缀，双击打开时浏览器根本打不开，地址栏显示file:///...但页面为空
图片不显示、CSS 不生效、JS 报错却找不到原因
这类问题几乎全是路径或加载时机导致的，控制台（Console）往往静默，得去 Network 面板主动查。
-
src="img/logo.png"在本地双击打开时会失败：浏览器用file://协议加载，fetch、ES 模块、跨目录资源都会被拦截，必须起本地服务器（如 VS Code 的 Live Server 插件） -
href="style.css"路径写成./css/style.css，但 HTML 文件不在根目录：相对路径始终以当前 HTML 文件为起点，不是以项目根目录为准 -
<script src="app.js"></script>放在<head>里且没加defer：脚本执行时 DOM 还没解析完，document.getElementById返回null - 图片路径正确但显示白框：右键检查元素 → Elements 面板中点击该
<img>→ 看右侧 Network 标签页是否发起请求，状态码是不是404或403
DOM 看起来和写的 HTML 对不上
浏览器会主动修复非法嵌套和未闭合标签，所以 Elements 面板看到的结构 ≠ 你写的源码。这是调试中最容易被忽略的一点。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
-
<p><div>text</div></p>：块级元素不能放在<p>里，浏览器会拆成<p></p><div>text</div><p></p></li> <li><code><ul><div></div></ul>
：<ul>只允许直接子元素是<li>，否则<div>会被提到<ul>外面 - 复制粘贴代码时带隐藏字符：比如从网页或微信复制的引号是中文全角引号，
alt=“logo”中的“会导致属性解析失败 - 用
document.querySelector(".my-class")查不到元素：检查 Elements 面板里该元素的class属性值是否真为my-class，有没有多空格、拼错、大小写混用（MyClass≠myclass）
为什么改了代码但页面没变化
不是没保存，就是浏览器缓存或服务没监听到变更，别急着重写。
- VS Code 里按 Ctrl+S 保存后，Live Server 没刷新：确认右下角状态栏显示 “Live Server: http://127.0.0.1:5500”，没显示说明没启动；或者文件不在工作区根目录下
- 手动刷新页面仍显示旧样式：Network 面板里找
style.css，看响应头是否有Cache-Control: max-age=3600；临时解决是清缓存（Ctrl+Shift+R），长期方案是起服务时加-c-1参数（如npx http-server -c-1） - 修改了
index.html，但浏览器地址栏还是file:///D:/.../index.html：这说明你没用 Live Server，还在走file://协议，所有动态资源都受限 - 写了
<meta charset="UTF-8">但中文还是乱码：确认文件本身保存编码是 UTF-8（无 BOM），Windows 记事本默认带 BOM，建议换 VS Code 或 Sublime 保存
真正卡住人的地方，往往不是某个标签怎么写，而是浏览器已经悄悄改了你的 DOM、路径算错了参照点、或者你以为在跑服务器其实只是双击打开了文件。动手前先打开开发者工具，切到 Elements 和 Network，比反复改代码高效得多。
