PhpStorm新建HTML文件默认不自动补全闭合标签，根本原因是HTML/XML tag pair未启用、右下角语言模式非HTML或文件类型识别错误；需在Settings→Editor→General→Auto Insert中勾选该选项，并确保状态栏显示HTML。

PhpStorm 新建 HTML 文件默认不自动补全闭合标签，不是 bug，是配置未生效或上下文识别失败——根本原因 80% 出现在文件类型、Emmet 开关、语言模式三者不匹配。

新建 HTML 文件后 div 按 Tab 不出

这是最常被误认为“Emmet 失效”的场景，实际和 Emmet 展开无关，而是编辑器原生的 HTML 标签自动闭合没触发。

• 检查右下角状态栏：必须显示 HTML，不是 Plain Text 或 Text；点击它手动选 HTML (.html/.htm)
• 确认 Settings > Editor > General > Auto Insert 中勾选了 HTML/XML tag pair（这才是控制
  →

  的开关）
• 如果用了 IdeaVim 插件，Tab 键可能被劫持——此时 Ctrl+J（Windows/Linux）或 Cmd+J（macOS）仍可触发 Emmet，但不影响原生闭合行为
• 新建文件时若用的是 File > New > HTML File，模板本身已含 html:5 缩写，但该缩写只在空文件首行生效；若你删了部分内容又重输 div，光标不在行首，html:5 就不会触发

html.autoClosingTag 在 PhpStorm 里根本不存在

别在 PhpStorm 设置里搜这个键——它是 VSCode 的配置项，直接照搬会导致浪费时间。PhpStorm 控制 HTML 标签自动闭合的逻辑分两层：

• 输入时实时闭合：Settings > Editor > General > Auto Insert > HTML/XML tag pair（必须开）
• 保存时格式化/修复闭合：HTML Tools 插件 + Reformat Code（Ctrl+Alt+L）会按代码风格补全缺失闭合，但不会报错；要检测未闭合，得靠 Code > Inspect Code 或粘贴到 W3C Markup Validation Service
• 第三方工具如 tidy-html5 需手动集成进 External Tools，且仅对保存动作生效，不替代编辑器原生行为

Emmet 展开后结构错乱，比如 div>span 变成两个同级标签

这不是格式化问题，是缩写语法理解偏差导致 DOM 层级错误，后续所有 CSS 选择器和 JS 查询都会失效。


使用华数设计生成高保真HTML原型、演示文稿、动画和设计评审
使用经过文档化的设计技能，从真实的品牌或项目背景中生成HTML原生原型、幻灯片、动态演示、可视化图表和评审流程。
下载
• > 表示嵌套，+ 表示同级：div>span →
  ；div+span →
• 属性值含空格必须用引号：div[data-id='user 123'] 可展开，div[data-id=user 123] 会静默失败，无提示
• 在 PHP 模板中混写 div{{ $title }}，Emmet 会把 {{ 当作缩写起始符中断解析；正确做法是先输 div{ {{ $title }} }，大括号包裹插值内容
• .blade.php 文件默认不被识别为 HTML 上下文，需进 Settings > Editor > File Types，在 HTML 的 Registered Patterns 里加 *.blade.php

为什么 Reformat Code 后标签还是不闭合

因为 PhpStorm 的格式化（Ctrl+Alt+L）默认只调整缩进和换行，不修正语法错误；它信任你写的 HTML 是合法的。

• 真正能暴露闭合问题的是静态检查：Code > Inspect Code → 选 HTML 范围，它会标出 Unclosed tag、Misplaced tag 等具体错误
• 如果你依赖 Prettier，注意 prettier.config.js 里的 htmlWhitespaceSensitivity: 'strict' 只影响空格，不解决闭合逻辑
• 部分项目启用了 emeraldwalk.runonsave 并配了 tidy-html5，但它只在保存时运行，且输出错误需看终端日志，不会高亮在编辑器里

最容易被忽略的点：Emmet 和自动闭合是两套独立机制，一个管模板生成（div.container>ul>li*3），一个管输入响应（

→
）；调错开关、混用快捷键、或在非 HTML 上下文中操作，都会让两者同时“失声”，但原因完全不同。