HTML文件双击打不开或显示“This page isn’t working”主因是结构不合法：DOCTYPE未置首行、缺少或错位<meta charset="UTF-8">、<html>未闭合、大小写混用、扩展名误存为.txt。
为什么新建 HTML 文件后双击打不开或显示 “This page isn’t working”
绝大多数情况不是浏览器问题，而是 HTML 文件本身结构不合法。常见硬伤包括：DOCTYPE 没写在第一行（前面有空格、BOM 字节、注释）、<meta charset="UTF-8"> 缺失或位置错误、<html> 标签没闭合、大小写混用（如 <P></p>）、文件扩展名被误存为 .txt。
验证方式很简单：右键 → “查看页面源代码”，确认第一行是否干净地写着 <!DOCTYPE html>；再检查 <head> 里是否有且仅有一个 <meta charset="UTF-8">，且它在 <title> 之前。
VS Code 中用 !+Tab 生成标准模板却报错？检查这几点
VS Code 的 Emmet 快捷键 !+Tab 默认生成的是英文环境模板，但中文项目常需 lang="zh-CN" 和正确编码声明。若生成后预览空白或乱码，优先核对：
-
<html lang="en">手动改成<html lang="zh-CN"> -
<meta charset="UTF-8">必须存在，且不能被包裹在<script>或其他标签内 - 保存时务必选“UTF-8 无 BOM”编码（右下角点击编码名称可切换）
- 如果用了 Live Server 插件但页面没刷新，检查是否右键点击了正确的
index.html→ “Open with Live Server”，而不是直接双击文件
Sublime Text 安装 Emmet 后 html:5 不生效？路径和语法模式要匹配
Emmet 在 Sublime Text 中依赖两个前提：插件已安装 + 当前文件语言模式设为 HTML。常见失效场景：
立即学习“前端免费学习笔记（深入）”；
- 新建文件后默认是纯文本（Plain Text），需手动点击右下角语言标识 → 选择
HTML - 输入
html:5后按Tab，不是Enter—— Emmet 绑定的是 Tab 键 - 如果仍无反应，打开命令面板（
Ctrl+Shift+P）→ 输入Emmet: Expand Abbreviation手动触发一次，确认插件工作正常 - 注意：Sublime Text 4 默认禁用旧版 Emmet，需额外安装
Emmet 2（通过 Package Control 搜索安装）
HBuilderX 创建 HTML5 模板后无法实时预览？别跳过运行配置
HBuilderX 的“运行”图标（小三角）默认调用的是内置浏览器，但首次使用需确认基础设置：
- 创建项目时选的是“Web”类型，不是“uni-app”或“小程序”——后者会套壳，导致原生 HTML 行为异常
- 右键
index.html→ “在内置浏览器中运行”，而非直接双击文件（双击走系统默认浏览器，可能加载失败） - 若提示“找不到服务器”，检查菜单栏“运行” → “运行到浏览器配置” → 确保勾选了“启用热更新”和“自动打开浏览器”
- 文件路径含中文或空格时，HBuilderX 内置服务可能拒绝响应，建议项目根目录用纯英文命名（如
my-web-demo）
模板不是复制粘贴完就万事大吉的东西。真正卡住人的，往往是那一行看不见的 BOM、那个没切对的语言模式、或者那个被当成普通文本保存的 .html 文件。动手前多看一眼右下角的编码和语言标识，比反复刷新页面有用得多。
