Sublime Text 原生通过状态栏提示未闭合标签，但仅限邻近范围且对语义化标签和嵌套内容支持弱；Tag 插件校验精准聚焦标签结构；SublimeLinter-html-tidy 保存时自动报错但依赖外部工具；最终应以 Chrome Elements 面板验证真实 DOM 结构。
光标停在哪，状态栏就报什么
Sublime Text 原生不校验 HTML 结构，但会在光标落在某个起始标签（如 <div>）时，右下角状态栏显示类似 tag: div (unclosed) 的提示——这是最轻量、无需插件的检测方式。
它只对当前标签及其邻近几行有效，一旦漏闭合点在文件底部或跨了几十行，状态栏大概率沉默；<section>、<main> 等语义化标签，或嵌套在 <template>、<svg> 里时，提示也常失效。
- 确保右下角状态栏显示的是
HTML（不是Plain text或XML），否则连基础高亮都不可靠 - 看到
unclosed提示后，直接按Ctrl+G输入提示里的行号，比滚动查找快得多 - 这个机制不检查属性值里的引号是否配对、JS 字符串是否干扰，只盯标签层级
用 Tag 插件手动验证，准且聚焦
Tag（作者 sublimator）是目前最准、最轻、最不干扰工作流的方案，专为标签结构设计，不碰 JS 或 CSS。
安装后按 Ctrl+Shift+P 输入 Tag: Validate 即可运行，报错格式明确：Unclosed tag 'div' at line 42, column 8。
立即学习“前端免费学习笔记（深入）”；
- 支持自定义忽略标签，比如把
<img>、<input>加进ignored_tags列表，避免误报 - 它只扫描当前打开的文件，不会递归查整个项目；多文件批量检查得靠命令行
tidy - 它不解析
<script>内 JS 语法，也不管 CSS 是否拼错——这点比 Linter 类插件更干净
保存时自动校验，靠 sublimelinter-html-tidy
这个组合能替代手动触发，但依赖系统级工具：先全局安装 htmldtidy（npm install -g htmldtidy 或 brew install htmldtidy），再装插件 SublimeLinter + SublimeLinter-html-tidy。
保存文件时，若存在未闭合标签，会在 Sublime 底部弹出警告，如：Warning: missing </div>。
- 默认按 HTML4 规则校验，若用
<dialog>或<picture>，需在插件设置中加参数-asxhtml切换标准 - 它不修复，只报错；且对模板语法（如 EJS 的
<% if %><div><% } %>）无能为力——那得靠人工走分支逻辑 - 配置稍重，但适合团队统一规范，尤其当多人协作且需强制校验时
别信源码，去 Chrome Elements 面板看真实 DOM
浏览器才是最终裁判。Sublime 里看着闭合的标签，可能在 DOM 里早已被“修复”得面目全非。
打开 Chrome DevTools → Elements 面板，找结构异常点：比如 <footer> 出现在 <header> 展开树里，基本锁定前一个 <div> 没闭合；右键任意父容器 → Edit as HTML，删一行再敲回车，如果布局瞬间跳变，说明原始 HTML 已被浏览器强行修正过。
这个动作不能定位到哪一行漏写了 </div>，但它能告诉你“结构确实断了”，是验证问题是否真实存在的最后一道防线。
真正难处理的是 Vue/JSX 模板里的嵌套错误——编译器不校验 HTML 合法性，只关心语法解析是否通过，结果就是写了个 <p><div>xxx</div></p>，Vue 不报错，但浏览器渲染出两个独立段落，这种问题必须靠 DOM 反推，而不是依赖任何编辑器插件。
