最简HTML文件需确保UTF-8无BOM编码、正确扩展名、DOCTYPE声明及meta charset=utf-8，否则浏览器会空白、乱码或显示源码。
直接新建一个纯文本文件，改后缀为 .html，用浏览器双击打开就能运行——这是最简可行路径。
用记事本 / TextEdit 新建 .html 文件时，为什么浏览器打不开或乱码？
常见错误现象：双击打开是空白页、显示源码、中文变问号、或提示“无法加载此网页”。
- Windows 记事本默认保存为
ANSI编码，必须手动选UTF-8（注意不是“UTF-8 with BOM”） - macOS TextEdit 默认是富文本，要先点菜单
Format → Make Plain Text，再存为.html - 文件名里不能有空格或中文（比如
我的页面.html），建议用index.html或page1.html - 保存时务必检查“保存类型”下拉框是否选了
所有文件，否则会变成index.html.txt
VS Code 里新建 .html 文件，怎么快速写个能跑的最小结构？
不用模板、不装插件，几秒就能起手。重点在 <!DOCTYPE html> 和 <meta charset="utf-8"> 这两句，缺一不可。
- 新建文件 → 输入
!→ 按Tab（Emmet 快捷展开），自动生成基础骨架 - 如果没反应，确认右下角语言模式是
HTML（不是 Plain Text） - 手动写也只需这 5 行：
<!DOCTYPE html> <html> <head><meta charset="utf-8"></head> <body><p>Hello</p></body> </html>
- 别漏
<meta charset="utf-8">，否则中文会乱码；<body>里至少放一个标签，空<body></body>在某些老浏览器可能不渲染
命令行终端里用 touch 或 echo 一键生成 index.html？
适合写脚本、批量建站、CI/CD 场景。关键是确保换行和引号转义正确，否则生成的文件会缺标签或格式错乱。
- macOS / Linux：
touch index.html && echo '<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><p>OK</p></body></html>' > index.html - Windows PowerShell：
Set-Content index.html "<!DOCTYPE html><html><head><meta charset=`"utf-8`"></head><body><p>OK</p></body></html>" - 注意单引号/双引号嵌套、引号内属性值要用反引号或转义（PowerShell）、
>是覆盖写入，别用>>否则重复追加 - 生成后用
cat index.html或type index.html看一眼内容是否完整，比直接双击更可靠
最容易被忽略的是编码和文件扩展名的隐式绑定——系统靠后缀识别类型，但靠编码决定内容能否正确解析。哪怕结构全对，UTF-8 with BOM 或 GBK 都可能让浏览器拒绝执行 JS 或乱码中文，别只盯着标签闭合。
立即学习“前端免费学习笔记（深入）”；
