Sublime Text 是编辑器而非 HTML5 运行环境，需正确配置语法识别、Emmet 模板、代码格式化及本地服务才能高效编写 HTML5 页面。
Sublime Text 本身不“用 HTML5”，它只是编辑器；你写的是 HTML5 代码，它负责帮你高效输入、高亮、保存和运行——关键在配置和习惯。
怎么让 Sublime 正确识别并高亮 HTML5 文件
默认打开 .html 文件时，Sublime 通常会自动设为 HTML 语法，但老版本或误操作后可能变成纯文本或 HTML（Tidy），导致语义标签（如 <header></header>、<nav></nav>）不被高亮或补全。
- 手动设置：右下角点击当前语法名（比如 “Plain Text”），选择
HTML（不是 “HTML (Tidy)” 或 “XML”） - 永久绑定：用鼠标右键点击任意
.html文件 →Open with Sublime Text，再右键 →Properties→ 设置默认打开方式（Windows）；macOS 可右键 →Get Info→Open with选 Sublime 并点Change All… - 如果
<main></main>、<section></section>等标签没高亮，说明语法包太旧——装官方推荐的Emmet或更新内置HTML包（通过 Package Control →Upgrade Package→HTML）
怎么快速写出标准 HTML5 页面结构
手敲 + <code> + … 太慢，Sublime 支持 Emmet 缩写，但默认不启用 HTML5 模板。
- 输入
html:5后按Tab，自动生成完整 HTML5 骨架（含<meta charset="UTF-8">和<title></title>） - 确保 Emmet 已启用：菜单
Preferences → Package Settings → Emmet → Settings，确认"syntax_profiles": {"HTML": "html5"}存在 - 别用
html:4s（HTML4 Strict）或!（旧版缩写），它们生成的不是 HTML5 DOCTYPE - 如果
html:5不生效，检查是否在非 HTML 语法模式下输入（右下角必须显示HTML）
怎么让 Sublime 保存时自动格式化 HTML5 代码
Sublime 默认不格式化，直接保存容易出现缩进混乱、属性换行错位，尤其多人协作时影响 Git diff。
立即学习“前端免费学习笔记（深入）”；
- 推荐插件
HTML-CSS-JS Prettify（需 Node.js）或轻量级JsPrettier（配好prettierCLI） - 安装后，选中代码 → 右键 →
HTML/CSS/JS Prettify，或设快捷键（如Ctrl+Shift+H） - 注意：Prettier 默认把属性排成多行，若团队要求单行，需在项目根目录加
.prettierrc，内容写{"htmlWhitespaceSensitivity": "css"} - 别依赖
Indentation → Reindent（菜单），它只处理空格，不修复标签嵌套逻辑
为什么浏览器里看不到修改？常见运行陷阱
写完保存，双击打开 index.html 却还是旧页面，不是 Sublime 的问题，而是本地文件加载机制和缓存干扰。
- 务必用浏览器地址栏看路径：如果是
file:///.../index.html，说明是本地文件协议，部分 JS/CSS 功能受限（如fetch读取本地 JSON 会跨域报错） - 刷新前先确认：文件是否真的保存了？Sublime 标题栏有 * 号表示未保存；快捷键是
Ctrl+S（Win）或Cmd+S（Mac） - 强制刷新别只用
F5，要Ctrl+F5（清缓存重载）或Ctrl+Shift+R - 开发阶段建议起一个本地服务：命令行进项目目录，运行
npx http-server（需 npm），然后访问http://localhost:8080—— 这样才接近真实部署环境
HTML5 本身没有“Sublime 专用写法”，所有差异都藏在语法识别、模板缩写、保存行为和本地运行链路里。最容易被忽略的是：你以为保存了，其实没按 Ctrl+S；你以为在 HTML 模式，其实右下角写着 Plain Text。
