最可靠方式是输入!后按Tab，需确保文件为.html、光标在空行且Emmet已启用；右键新建HTML文件的内容则由File and Code Templates中的HTML File模板决定，可自定义lang、viewport等。
WebStorm 生成 HTML 骨架最可靠的方式不是靠“新建项目模板”，而是靠 ! + Tab 或正确配置的 HTML File 模板 —— 后者决定你每次右键新建的文件是否带 lang="zh-CN"、viewport、CDN 引入等，前者才是真·秒建骨架的日常操作。
输入 ! + Tab 是最快生成 HTML5 骨架的方法
这个操作依赖 WebStorm 默认启用的 Emmet 插件，无需额外安装或配置，只要光标在空 .html 文件中，输入 ! 后按 Tab，立刻展开为标准 HTML5 结构：
<meta charset="UTF-8"><title>Document</title>
常见问题：
- 没反应？检查是否在
.html文件里（非.txt或未保存的无后缀文件） - 生成的是 XHTML 或 HTML4？说明 Emmet 触发器被覆盖或禁用，进
Settings/Preferences → Editor → Emmet → HTML，确认Expand abbreviations on Tab已勾选，且Html5在Profile下拉中被选中 - 想默认用
lang="zh-CN"？不能靠 Emmet 改，得改模板（见下一条）
修改 HTML File 模板才能控制右键新建行为
右键 → New → HTML File 生成的内容，完全由 Editor → File and Code Templates → Files → HTML File 模板决定。默认模板是英文、无 viewport、无 favicon，容易踩坑：
- 新建的
index.html打开后中文乱码？模板里没设<meta charset="UTF-8">，手动补上 - 移动端页面不缩放？模板缺
<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 每次都要手动改
lang="en"？直接把模板里的lang="en"换成lang="zh-CN" - 想预置 Bootstrap 或 Tailwind CDN？在
里粘贴对应<link>或<script></script>即可，下次新建就自动带
改完记得点 Apply，否则新建时仍用旧模板。
Static Web 项目类型和 HTML5 Boilerplate 模板已逐步弃用
WebStorm 2022.3 起，HTML5 Boilerplate 模板从新建向导中移除；2024 年后，Static Web 类型也不再生成任何实际文件，仅建空目录。现在所谓“HTML5 项目”，本质就是空目录 + 手动建 index.html + 正确模板配置。
- 选
Empty Project最干净，避免旧模板残留干扰 - 若误选了过时的
HTML5 Boilerplate，创建后发现多出一堆js/css/目录和冗余文件，直接删掉即可，不影响功能 - 新版 WebStorm（2025+）中，
File → New Project已不再显示HTML5 Boilerplate选项，强行找也找不到 —— 不是你的设置问题，是它真没了
语义化标签补全失效？检查 HTML 版本和 DTD 绑定
输入 main、section、article 按 Tab 不补全？不是 Emmet 问题，是 WebStorm 没识别这是 HTML5 文档：
- 确认
Settings/Preferences → Languages & Frameworks → HTML → HTML version设为HTML5（不是HTML 4.01或XHTML） - 如果仍无效，进
Schemas and DTDs → External Schemas and DTDs，添加 URIhttp://www.w3.org/1999/xhtml，File or URL 留空 —— 这步让 WebStorm 加载 W3C 官方语义标签定义 - 改完重启编辑器或重开文件，
nav+Tab就能补全成<nav></nav>了
真正容易被忽略的是：模板改了、Emmet 开了、HTML version 也设对了，但 DTD 绑定没加，语义标签依然不提示 —— 这个环节没有报错，也没有 UI 提示，只能靠补全行为反推是否漏配。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
