Auto Rename Tag和Auto Close Tag是唯二真正提升HTML标签准确度的插件：前者在修改开始标签时自动同步结束标签，后者在输入“<div>”后自动补全“</div>”，二者均依赖正确语言模式与合法成对结构。
Auto Rename Tag 和 Auto Close Tag 是唯二真正影响 HTML 标签准确度的插件，其他插件（比如 Emmet、HTML Snippets）提升的是速度，不是准确性。
Auto Rename Tag 为什么只在部分标签上生效
它不是“改哪儿同步哪儿”，而是依赖语言模式 + 成对标签结构识别。常见失效场景：
- 当前文件右下角显示
Plain Text或JavaScript，而非HTML—— 插件根本没启动 - 写的是自闭合标签，如
<img>、<input>、<br>，插件不监听也不响应 - 开头写了
<div>，但结尾漏了</div>，或写成<div/>这种非标准写法，匹配失败 - 在 Vue 单文件组件的
<style>块里改div类名，它不会动——它只管 HTML 结构层
Auto Close Tag 的关闭行为容易被误判为“失效”
它默认只在输入 < 后自动补全结束标签，但不会在你手动删掉结束标签时自动补回。这是设计如此，不是 bug。
- 输入
<div→ 按Tab或Enter→ 自动变成<div></div> - 你手动删掉
</div>→ 它不会自动恢复，也不会报错或提示 - 如果想强制补全，可按
Ctrl+Space手动唤出建议，选</div> - 禁用该插件后，
<div+Tab仍可能补全（因 VS Code 内置 HTML 支持），但缺省行为更保守
Emmet 缩写生成的标签，Auto Rename Tag 能否联动
可以，但前提是生成后你再编辑开头标签——插件不管你是手打还是 Emmet 生成的，只认最终 DOM 结构是否合法成对。
立即学习“前端免费学习笔记（深入）”；
-
div.container+Tab→ 得到<div class="container"></div> - 此时把开头
<div改成<section→ 结尾自动变为</section> - 但如果 Emmet 生成的是
<img src="">，改img不会触发重命名 - 注意：若 Emmet 设置里启用了
emerald.experimental.showExpandedAbbreviation，某些版本会导致缩写展开后结构异常，间接破坏 Auto Rename Tag 的匹配逻辑
格式化（Shift+Alt+F）和 Auto Close Tag 的协作陷阱
VS Code 默认格式化会把自闭合标签（如 <img>）转成 <img />，而 Auto Close Tag 默认不处理这种写法——两者逻辑不一致，容易引发混淆。
- 开启
"html.format.endWithNewline": true后，格式化会在结尾加空行，但不影响标签闭合逻辑 - 若项目要求严格 XHTML 风格（必须自闭合），需额外配置
"html.suggest.html5": false，否则补全建议仍倾向<img> - 最稳妥做法：用
Auto Close Tag确保开闭一致，用Shift+Alt+F统一缩进与换行，别指望它帮你“修正”标签类型
真正影响准确度的，从来不是“多装几个插件”，而是搞清每个插件的触发边界——Auto Rename Tag 不是 AI，它只做结构匹配；Auto Close Tag 不是监护员，它只做一次补全。写错标签位置、混用语言模式、忽略自闭合规则，这些才是错误根源。
