HTML修改不生效主因是缓存或保存错误:须手动保存为index.html(非.txt)、编码设UTF-8、强制刷新Ctrl+F5、禁用缓存调试,且必须修改源文件而非Elements面板临时改动。

改完 HTML 文件不生效,90% 是缓存或保存方式错了,不是代码写得不对。
用文本编辑器改完必须手动保存,且扩展名不能是 .txt
记事本、VS Code 这类工具默认可能把文件存成 index.html.txt——看着像 HTML,实际是带隐藏后缀的文本文件,浏览器打不开或解析失败。
- 在“另存为”对话框里,“保存类型”一定要选
所有文件,不是文本文档 (*.txt) - 文件名栏必须显式输入
index.html或page.htm,不能只写index - VS Code 里右下角状态栏会显示当前编码,点它确认是
UTF-8;若显示GBK或乱码,选“重新以编码打开 → UTF-8”
刷新页面时浏览器常走缓存,Ctrl+F5 不是可选项而是必做动作
本地双击打开的 file:// 页面,Chrome/Firefox 默认强缓存 HTML,哪怕你刚保存了新内容,普通 F5 仍加载旧版本。
- Windows/Linux:按
Ctrl + F5强制重载(跳过所有缓存) - macOS:按
Cmd + Shift + R - 临时调试时,在开发者工具(F12)→ Network 标签页勾选
Disable cache,关掉 DevTools 才失效 - 别用双击打开
index.html调试,改用 VS Code 的 Live Server 插件,它起的是http://127.0.0.1:5500服务,无file://限制
HTML 语法错一个符号,结构就塌,但浏览器不报错
HTML 没编译过程,浏览器边读边画, 这种漏闭合标签不会报错,但 会被自动闭合,后续样式和 JS 可能全失效。
-
src、href、class等属性值必须加引号:,不写引号在含空格或特殊字符时直接截断
-
必须写成,否则部分浏览器忽略编码声明 - 用 VS Code 安装
Auto Close Tag和Auto Rename Tag插件,少靠肉眼盯闭合
最易被忽略的是:开发者工具 Elements 面板里双击改的只是内存 DOM,关掉标签页就清零;真要持久生效,唯一路径是改源文件 → 正确保存 → 强制刷新。没有捷径,也没有“改完自动同步”。











