html5 Live Template触发失败的三个常见原因：文件后缀非.html或.htm、光标不在行首或空行开头、状态栏显示Plain Text而非HTML。
html5 Live Template 触发失败的三个常见原因
输入 html5 按 Tab 没反应，基本不是模板缺失，而是环境没对上。
- 文件后缀不是
.html或.htm—— PhpStorm 只在这些扩展名下自动启用 HTML 上下文 - 光标不在行首或空行开头 ——
html5缩写只在“可插入新标签”的位置生效，比如刚新建的空白文件第一行，或<body>后面的空行 - 右下角状态栏显示的是
Plain Text而非HTML—— 点击它手动切换，或右键文件 →Override File Type→HTML
为什么 html:5 和 html5 两个缩写都得会用
它们触发逻辑不同，适用场景也不同：html5 是 Live Template，html:5 是 Emmet 缩写，底层机制不互通。
-
html5：必须在纯.html文件中、行首输入，依赖Editor > Live Templates > HTML下的预设项，展开后光标停在<title>内 -
html:5：支持更广，在 PHP/Blade/Vue 的<template>区域里也能用（前提是已配置php: html映射），但只在空行或标签起始处生效 - 两者都不支持在
<script>或<style>块内触发 —— 这是作用域限制，不是设置问题
meta 标签没自动加 UTF-8 和 viewport 怎么办
默认 html5 模板里其实包含这两行，但如果你用的是旧项目模板或手动改过 File and Code Templates，就可能漏掉。
- 打开
Settings > Editor > File and Code Templates > Files > HTML File - 确认模板内容含这两行：
<meta charset="UTF-8">和<meta name="viewport" content="width=device-width, initial-scale=1.0"> - 如果缺失，直接补上 —— 不要依赖“自动补全”，头部标准化必须显式写死
- 注意：仅靠 Emmet 的
html:5无法保证这两行一定存在，尤其在自定义模板覆盖后
缩写生成的 head 里 title/meta/link 挤成一行？
这不是格式错误，是 PhpStorm 默认把 <title>、<meta>、<link> 当作“可折叠内联元素”处理的结果。
立即学习“PHP免费学习笔记（深入）”；
- 进
Settings > Editor > Code Style > HTML > Other - 找到
Do not break if inline content列表，把title、meta、link、base全部删掉 - 勾选
Keep line breaks仅用于调试，长期开启会让自动格式化失效 - 改完后对已有代码按
Ctrl+Alt+L（Windows/Linux）或Cmd+Option+L（macOS）重排版
