最常见原因是浏览器缓存旧版本，需强制刷新（Ctrl+F5或Cmd+Shift+R）；其他原因包括路径不一致、扩展名误存为.htm.txt、编码未选UTF-8（无BOM）。
用记事本打开 .htm 或 .html 文件后，为什么改完保存页面没变化？
最常见原因是浏览器缓存了旧版本，不是文件没改成功。修改后必须强制刷新页面（Windows/Linux 按 Ctrl + F5，macOS 按 Cmd + Shift + R），否则看到的仍是缓存内容。
其他可能原因：
- 文件实际保存路径和浏览器打开的路径不一致（比如双击桌面快捷方式打开的是旧副本）
- 编辑时没注意文件扩展名被系统隐藏，误存为
index.htm.txt（需在文件资源管理器中开启“显示文件扩展名”，并手动输入完整名称） - 保存时编码选错：务必选
UTF-8（无 BOM），避免中文乱码或标签解析失败
记事本里改 HTML 代码，哪些地方最容易手误？
记事本没有语法高亮和标签自动闭合，靠肉眼盯，出错率高。重点关注以下几类：
-
<img alt="怎么编辑HTM网页文件？记事本打开修改方法" >标签漏写src属性，或路径写成反斜杠\（Windows 路径分隔符），HTML 中必须用正斜杠/，如：<img src="images/logo.png" alt="怎么编辑HTM网页文件？记事本打开修改方法" > -
<a></a>链接 href 值没加引号，或引号是中文全角符号（“”），应为英文半角"或' - 删改
<div>、<code><section></section>等块级标签时，只删了开头没删结尾，导致后续布局错乱 - 复制粘贴外部文字（比如微信、Word）带隐藏格式字符，建议先粘到纯文本环境（如另一个记事本窗口）中转一次
- 右键网页 → “检查”（或按
F12），切换到Console标签页，看有没有红色报错，比如Uncaught SyntaxError或Failed to load resource - 在
Elements标签页里展开 DOM，观察你修改的标签是否真实存在、嵌套是否合理（例如<p></p>里不能套<div>）<li>临时在代码开头加一行：<code><!-- test: edited at 2024-06-15 -->，保存后刷新，再进Elements查看注释是否出现——能看见就说明文件确实被重新加载了 - 要同时改多个文件，且它们之间有引用关系（比如 CSS、JS 文件路径）
- 需要实时预览（记事本保存后还得手动切到浏览器刷新）
- 频繁处理表格、列表、表单等结构化内容，手敲
<tr><td> 容易漏标签<li>项目里开始用到 <code>class、id，需要全局搜索替换，记事本不支持正则或跨文件查找
修改完怎么快速验证 HTML 是否写对了？
不用装工具，直接用浏览器开发者工具检查：
什么时候该换编辑器，而不是硬扛记事本？
当出现以下任一情况，说明记事本已超出它该干的活：
免费替代方案就两个：VS Code（功能全、插件多）或 Notepad++（轻量、自带 HTML 语法高亮）。哪怕只用它们打开文件、改完再用记事本存，体验也提升明显。
真正卡住人的往往不是“会不会写 HTML”，而是改完看不见效果、不知道哪写错了、或者改了一处崩了三处——这些细节比语法本身更消耗时间。
