装auto close tag插件可让未闭合标签“当场现形”，输入后回车自动补，删掉则高亮提醒；需同时开启html.suggest.html5和emeraldwalk.runonsave配合tidy-html5保存时报错。
VS Code 里怎么让未闭合标签“当场现形”
装 Auto Close Tag 插件（不是 Auto Rename Tag），它会在你输入 <div> 后回车时自动补 <code>
如何使用HTML编辑器检查未闭合的HTML标签
夜辰君_5102
2026-10-09
220人浏览
原创
必须同时开启两个设置：html.suggest.html5（确保补全符合 HTML5 规范）和 emeraldwalk.runonsave 配合 tidy-html5 命令（保存时格式化并报错未闭合节点）。注意：Prettier 默认不检查闭合，加了 htmlWhitespaceSensitivity: 'strict' 也只管空格，不管结构。
Sublime Text 中用 Tag 插件精准定位 unclosed tag
原生状态栏提示（如 tag: div (unclosed)）只对光标邻近几行有效，跨几十行或遇到 <section></section>、<template></template> 就失效。更可靠的是 Tag 插件（作者 sublimator）：按 Ctrl+Shift+P 输入 Tag: Validate 手动触发，报错格式明确——Unclosed tag 'div' at line 42, column 8，支持直接跳转。
它默认忽略自闭合标签（如 <img>、<input>），但可自定义 ignored_tags 列表；不解析 <script></script> 内 JS，也不管 CSS 拼写，专注标签结构本身。
浏览器 Elements 面板才是最终裁判
别信源码，浏览器渲染后的 DOM 树才是真实结构。打开 Chrome DevTools（F12），切到 Elements 面板，盯住三类信号：
- 某个
<div> 展开后，内部突然多出一个本不该在那里的父级（比如 <code><footer></footer>出现在<header></header>里） - 节点边缘出现灰色斜体或红色高亮（Chrome/Edge 对非法嵌套的视觉标记）
- 右键 →
Edit as HTML，删个空格再回车，整个结构“跳变”——说明原始结构已被浏览器强行修复过
document.querySelectorAll('*').length 数值异常高（比如上万），常意味着嵌套失控，源头大概率是顶部某个 <div> 或 <code><section></section> 忘写闭合。
W3C Validator 和 htmlhint 的报错行号为什么不准
W3C 报的“第 42 行缺少
