最直接的办法是查看浏览器开发者工具的elements面板，观察dom树结构是否异常嵌套，如footer误入header内，即可判断存在未闭合标签。
浏览器开发者工具里怎么看标签没闭合
HTML 标签没闭合，浏览器会自动“猜”怎么补全，但补得不一定对——div 套乱了、script 被截断、样式错位，八成是这个原因。最直接的办法不是看源码，而是看浏览器渲染后的 Elements 面板。
打开 DevTools（F12），切到 Elements 标签页，观察 DOM 树结构：
- 如果看到某个
div展开后内部突然多出一个不该在那里的父级（比如footer跑进header里），大概率是前面某个div或section忘写 - 右键任意元素 →
Edit as HTML，改完立刻生效；如果改完结构“跳变”，说明原始结构已被浏览器强行修复过 -
console里输入document.querySelectorAll('*').length，数值异常高（比如几万），常意味着大量嵌套失控，源头往往就是未闭合标签
VS Code 里怎么实时发现未闭合标签
靠肉眼盯 <div>
<p><span>……太容易漏。编辑器能帮上忙，但得开对设置，否则形同虚设。</span></p>
<p>关键配置项：<code>"html.validate.scripts" 默认是 true，但它只校验内联 script 内容，不查标签结构；真正管用的是：
- 装插件
Auto Close Tag（注意不是Auto Rename Tag），它会在你敲<div> 回车后自动补 <code>
