html乱码或空白页的根本原因是文件编码（必须utf-8无bom）、扩展名（必须.html）和路径（相对html所在目录）三者不正确；需确保doctype、html lang、meta charset等基础结构完整，并用live server等本地服务预览。
新手写 HTML 不是“从头开始写完整页面”，而是先确保浏览器能正确解析你的文件——绝大多数问题卡在编码、后缀、路径这三步上。
为什么浏览器打开是乱码或空白页
根本原因通常是文件保存时没选对编码，或者用错了编辑器默认格式。Windows 记事本默认存为 ANSI 或 UTF-8 with BOM，而现代 HTML 必须用纯 UTF-8（无 BOM）。
- 用 VS Code、Sublime Text、Notepad++ 等工具，保存时手动选
UTF-8（不是UTF-8 with BOM） - 文件扩展名必须是
.html或.htm，不能是.txt—— 即使改了后缀名，也要右键“属性”确认真实类型 - 双击打开时，检查地址栏：如果是
file:///开头且路径含中文或空格，可能触发安全限制，建议用 VS Code 的 Live Server 插件预览
最简 HTML 结构缺了哪几行就无法被识别
浏览器不强制要求写全，但缺关键标签会导致渲染异常或语义丢失。新手常漏掉 和 <code>，结果中文显示字体错乱、搜索引擎无法识别语言。
- 必须有
—— 没它，IE 和旧版 Chrome 会进怪异模式 -
标签必须带lang属性，如，否则屏幕阅读器和翻译工具无法适配 -
里至少要有<meta charset="UTF-8">，否则中文注释或内容可能变问号 - 可以没有
<title></title>，但没它，浏览器标签页显示为空白，不利于调试
写完代码却看不到效果？检查这三类路径错误
新手最容易把图片、CSS、JS 文件放错位置，然后反复刷新却始终加载失败。关键是理解相对路径的起点是 HTML 文件所在目录，不是编辑器打开的根文件夹。
- 如果 HTML 在
/project/index.html，想引用同级的style.css，就写<link rel="stylesheet" href="style.css">，不是./style.css（虽然也对），更不是/style.css（那是网站根目录） - 图片路径错误时，开发者工具（F12）的 Console 通常不报错，但 Network 标签页里能看到
404请求 —— 直接点开那个链接，看浏览器实际请求的是什么路径 - 本地双击运行时，
file://协议下部分浏览器禁止加载本地 JS（尤其含fetch或模块语法），此时必须起一个本地服务，比如 VS Code 的Live Server扩展
真正卡住新手的，从来不是标签怎么写，而是文件怎么存、路径怎么算、浏览器怎么读——这些细节不验证，光背语法没用。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
