Sublime怎么快速查找不匹配的HTML标签？网页除错技巧-sublime-PHP中文网

sublime text 本身不解析 html 语法树，仅通过状态栏提示（如“tag: div (unclosed)”）和插件辅助暴露标签断裂点，该提示仅对当前标签及邻近几行生效，无法覆盖远距离未闭合或自闭合标签等场景。

sublime怎么快速查找不匹配的html标签？网页除错技巧

Sublime Text 本身不解析 HTML 语法树，所谓“快速查找不匹配标签”，实际是靠状态提示 + 插件辅助暴露断裂点，不是真能一键标出所有错——别指望它像浏览器 DevTools 那样报 Unclosed element。

光标停在标签上，看右下角有没有 `unclosed` 提示

这是 Sublime 自带的轻量级检测：把光标精确落在 <div> 或 <code><section></section> 这类起始标签的任意字符上（必须是 或 <code>>），右下角状态栏会显示类似 tag: div (unclosed) 的提示。

只对当前标签及其邻近几行生效；离得远的漏闭合点它看不到
遇到自闭合标签（<img>、<input>）或属性里有未转义 （比如 <code>onclick="if(x<y>），提示直接消失</y>
文件语法模式要是 HTML（右下角显示不对就点开手动选），Plain Text 模式下这个功能完全不启动

用 `tag` 插件做手动验证

安装 tag 插件后，按 Ctrl+Shift+P 输入 tag: validate 执行一次全文件扫描。它会把所有疑似未闭合、嵌套错乱、大小写混用的标签列出来，每条都带行号。

不自动修复，只报错——但比纯肉眼扫快得多
对 Vue/JSX 的 <template></template> 块支持弱，容易把 <div v-if="x"> 当成未闭合 <li>如果文件里混了大量 <code><script></script> 内联 JS，建议先临时注释掉再验证，否则容易误报

保存时用 `sublimelinter-html-tidy` 自动报错

装好插件并配置 tidy 二进制路径后，每次保存 HTML 文件，它会在编辑器底部弹出警告，比如 line 42: missing 或 line 105: <code> used inside <p></p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill9263" title="Html2md"><img src="https://img.php.cn/upload/skill/000/000/081/179249945220127.jpg" alt="Html2md" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="overflowclass">Html2md</a> <p class="overflowclass">使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...</p> </div> <a rel="nofollow" href="/xiazai/skill9263" title="Html2md" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>。