PhpStorm中未闭合标签无法靠搜索定位，必须启用Settings→Editor→Inspections→HTML中的Unclosed tag和Unmatched end tag检查，错误会实时标红并显示在行号右侧，状态栏提示“HTML problems: X”。
靠手动数 </div> 几乎必然出错；真正有效的检测方式只有三种：编辑器结构检查、浏览器 DOM 观察、命令行静态分析。
PhpStorm 里怎么让未闭合标签立刻被标红
它不靠搜索，靠的是内置 HTML 解析器实时校验。关键不是“怎么搜”，而是“检查有没有开”：
- Settings → Editor → Inspections → HTML，确认勾选了
Unclosed tag和Unmatched end tag - 右下角检查文件类型是不是
HTML（不是Plain Text），否则整个检查链失效 - 如果没反应，右键文件 →
Reload project from disk，有时缓存会卡住状态 - 错误直接显示在行号右侧的灰色标记区，悬停就能看到
Unclosed tag <div>这类提示 - 底部状态栏出现
HTML problems: X才算真正生效，没这个就等于没开
浏览器 Elements 面板里怎么看原始结构崩了
源码写错了，浏览器会硬修，但修得不对——Elements 面板展示的就是它“猜”的结果，反而比源码更暴露问题：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 看到
footer居然嵌在header里面？大概率是前面某个<section>或<div>漏了闭合 - 节点边缘出现灰色斜体文字（比如
</div>显示为浅灰）：说明这是浏览器自动补的，原始代码里根本没有 - 右键 →
Edit as HTML改一行，整个 DOM 树“跳变”：证明原始结构已被重排过，源头不在当前区域 -
table、ul、ol内部突然出现div或p？那是非法子元素触发的强制重排，根源还是外层标签没闭合
用 htmlhint 命令行做 CI/CD 阶段的硬性拦截
本地开发靠编辑器和浏览器，上线前必须用工具卡住。htmlhint 的 tag-pair 规则是最直接的防线：
立即学习“前端免费学习笔记（深入）”；
- 默认开启，不用额外配置，报错带精确行列号：
index.html:42:17: Tag must be paired. - 它不管自闭合标签写法（
<img>或<img />都放过），只抓“有头无尾”或“有尾无头” -
.htmlhintrc必须放在项目根目录，名字必须是.htmlhintrc（带点开头），后缀只能是.json或.js - 混用 Vue 或 JSX 模板时，局部禁用：
"tag-pair": false，否则<template>片段会误报 - 命令行通配符要用双引号包裹：
npx htmlhint "src/**/*.html"，不然 shell 展开失败
为什么正则或文本搜索永远找不到真正的未闭合标签
因为标签嵌套不是线性结构，而是树。你搜 <div> 的数量，永远对不上 </div> 的数量——中间可能隔着换行、注释、JS 字符串，甚至条件模板语法：
-
<div class="foo">换行后跟属性，正则容易截断 -
<!-- <div> -->这种注释里的标签会被误命中 -
<div><p>hello</div>这种错位嵌套，正则根本无法判断哪一层漏了 - 一个漏掉的
</section>可能让后续 300 行全部被错误包裹，错误现象出现在几百行之后 - 真正要盯住的，是编辑器里那条红色波浪线、Elements 面板里的灰色斜体、以及
htmlhint输出的那行具体坐标
