记事本保存网页不显示内容的根本原因是编码格式错误，应选utf-8（非utf-8 with bom），文件扩展名须为.html或.htm，且需包含doctype声明、html根元素、meta charset和title标签；双击打开异常时应右键用chrome打开，并检查路径、安全软件及外链资源路径。
记事本保存后网页不显示内容
根本原因通常是编码格式不对，记事本默认用 ANSI 或 UTF-8 with BOM 保存，而浏览器解析 HTML5 时对 BOM 敏感，可能直接白屏或乱码。
- 保存时务必选
UTF-8（不是“UTF-8 with BOM”）——在记事本“另存为”对话框底部的“编码”下拉菜单里手动选中UTF-8 - 文件扩展名必须是
.html或.htm，不能是.txt；如果看不到扩展名，需在 Windows 文件夹选项里勾选“显示文件扩展名” - 写完别双击打开，先右键用浏览器（如 Chrome、Edge）“打开方式”指定启动，避免被系统默认用记事本再次打开
HTML5 基础结构缺了哪几行就跑不起来
记事本手写最常漏掉声明和根元素，导致浏览器降级到怪异模式，CSS/JS 行为异常。
- 第一行必须是
，少一个字符都不行，不区分大小写但建议小写 -
标签不能省，lang属性影响屏幕阅读器和 SEO，中文页推荐写zh-CN -
里至少要有<meta charset="UTF-8">，否则中文会乱码；<title></title>可以空着，但标签得存在
最小可用模板长这样：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<p>Hello World</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1724" title="Viral Video"><img
src="https://img.php.cn/upload/ai_manual/000/000/000/175680316987391.png" alt="Viral Video" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1724" title="Viral Video">Viral Video</a>
<p>Easily create viral videos from text with our AI tool.</p>
</div>
<a href="/ai/1724" title="Viral Video" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p>
</body>
</html>写完双击打开却提示“此网页由您的组织管理”或空白
这是 Windows 把本地 .html 文件当企业策略页拦截了，常见于公司电脑或启用了 IE 兼容模式的 Edge。
- 不要用 Internet Explorer 打开，它对 HTML5 支持极差；强制用 Chrome：右键 → “打开方式” → 选
Google Chrome - 如果仍报错，检查文件路径是否含中文、空格或特殊符号（如
我的网页 v2(测试).html），改成index.html这类纯英文无空格名再试 - 某些安全软件会劫持本地 HTML 文件，临时关闭试试；或者把文件移到
C:\temp\这类干净路径下重试
想加 CSS 或 JS 却没反应
外链资源加载失败在本地环境下特别隐蔽，因为没有网络请求日志，错误全靠肉眼排查。
- CSS 文件要放在
里，用<link rel="stylesheet" href="style.css">；确保style.css和 HTML 在同一文件夹，路径大小写也敏感（Windows 不敏感但养成习惯） - JS 推荐放
前，用<script src="main.js"></script>；如果写内联脚本，<script></script>标签里不能有<!-- -->注释（HTML5 已废弃这种写法） - 浏览器按
F12打开开发者工具，切到Console标签页看有没有Failed to load resource这类错误，对应路径就是问题所在
本地开发没服务器，所有路径都是相对路径，不存在 http:// 或 /static/ 这种绝对 URL 写法。
