w3c validator 报“element img is not closed”是因非法嵌套，违反html5空元素规范，导致dom解析错乱；合法写法仅，而属xhtml风格，非标准但容错。
W3C Validator 报 “Element img is not closed” 是什么问题
这不是浏览器警告，是 HTML5 规范级错误。 是 void element（空元素），合法写法只有
<-img src="x" alt="y">；<img src="x" alt="y"> 属 XHTML 风格，在 HTML5 中容错但非标准；而 <img> 是非法嵌套，会导致后续所有标签层级偏移——浏览器会立刻中断解析并尝试修复，DOM 已不是你写的那样。
这类问题在 JS 动态插入 HTML 时尤其隐蔽：比如模板字符串里拼错了，innerHTML = "<img src="a">"，执行后 DOM 结构就乱了，但控制台不报错。
-
html-validate配置"html-validate/no-self-closing": "error"可提前拦截<img>类写法（注意：它不拦<img>，那是更严重的嵌套错误） - 编辑器插件（如 Auto Close Tag）无法识别
<img>是否该闭合，容易盲目补 - 真正要防的是
<div><p>text</p></div>这类漏闭 + 错嵌，它不会触发no-self-closing，但会让<p></p>被意外包裹进<div> 后续所有内容 <h3>为什么 <a style="color:#f60; text-decoration:underline;" title="html" href="https://m.php.cn/zt/15763.html" target="_blank">html</a>hint 的 tag-pair 规则不能替代浏览器解析验证</h3> <p><code>tag-pair能精准定位<div><p>text</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher"><img src="https://img.php.cn/upload/skill/000/000/081/179109368394970.jpg" alt="Wechat HTML Publisher" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="overflowclass">Wechat HTML Publisher</a> <p class="overflowclass">直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。</p> </div> <a rel="nofollow" href="/xiazai/skill6712" title="Wechat HTML Publisher" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div></div>这类“有开无闭”或“闭多于开”的行号列号，但它只做静态文本匹配，不模拟浏览器的插入模式和开放元素栈行为。也就是说：
tag-pair会报错<div><p>text</p></div>，但它不会告诉你：浏览器实际生成的 DOM 是<div><p>text</p></div>（因为<p></p>遇到块级兄弟自动隐式闭合），也不会预警<nav><header>content</header></nav>这种非法嵌套导致<header></header>被吞进<nav></nav>的语义污染风险。- 它对自闭合标签（
<img>、<input>）完全不校验是否写了/>，只关心“成对性” - 混用 Vue/JSX 模板时，
tag-pair常误报片段（如<template></template>内未闭合的<div>），需手动关掉：<code>"tag-pair": false - 真正需要交叉验证：先用
htmlhint扫文本级错误，再用 W3C Validator 或jsdom加载后检查实际生成的 DOM 结构
CI/CD 中如何让 HTML 自愈重构真正落地
所谓“自愈”，不是靠 AI 猜你本意，而是用确定性工具链把容错逻辑显性化、可审计、可回滚。推荐三步流水线：
htmlhint→tidy-html5→html-validate，其中tidy-html5是关键——它比编辑器更懂 HTML 嵌套逻辑，能按标准规则重排结构，而不是机械补 - 它对自闭合标签（
