HTML 结构验证器
检查 HTML 结构:未闭合、不匹配或多余的标签,重复的 id 和属性,缺少 alt 的图片,以及缺失的 doctype、title 或 lang。在浏览器中运行。
只检查结构:未闭合、不匹配或多余的标签,重复的 id 和属性,缺少 alt 文本,doctype/title/lang。这不是 W3C 验证器。
完全在浏览器中运行,您的数据不会被上传。
相关工具
查看全部什么是 HTML 验证?
这个 HTML 检查器能找出最容易破坏页面布局的结构性错误:从未闭合的元素、顺序错误的结束标签、没有开始标签的结束标签、重复的 id 和属性、缺少 alt 的 <img>,到完整文档中缺失的 doctype、<title> 或 lang。它是快速的本地检查,不是 官方的 W3C(Nu)验证器,也不检查哪些元素可以出现在哪里。
如何使用 HTML 验证
- 粘贴 HTML 文档或片段。
- 点击 验证(输入时结果会同步更新)。
- 查看错误和警告的汇总。
- 根据每一项给出的行号和列号修正标记。
示例
<div id="a"> <span>text</div> <p id="a">x <img src="a.png"> </br>
Errors: 3 · Warnings: 1 Line 2, column 1 <span> is not closed before </div> Line 3, column 4 Duplicate id "a" (first used on line 1) Line 4, column 1 <img> has no alt attribute Line 5, column 1 <br> is a void element and must not have a closing tag
何时使用 HTML 验证
适合快速定位破坏布局的标签、检查模板和邮件 HTML,或在重复 id 破坏 JavaScript 或 label 之前发现它们。要做完整的合规性检查(内容模型、ARIA、属性值),请使用 W3C 验证器。
HTML 验证 的工作原理
分词器读取标签、属性、注释和原始文本元素(script、style、textarea、title),同时记录位置。已打开元素的栈遵循 HTML 对空元素(br、img、input…)和可选结束标签的规则:</p>、</li>、</td> 等可以省略,新的 <li> 或块级元素会隐式关闭前一个,所以合法的 HTML5 简写不会被报告。SVG 和 MathML 内容允许自闭合标签。其他元素如果在父元素关闭时或输入结束时仍未关闭,就是错误。
常见用例
- 找出破坏页面布局的未闭合 div
- 检查 CMS 或邮件模板的输出
- 发现会破坏 label/aria 引用的重复 id
- 对缺少 alt 文本的图片做基础无障碍检查
安全提示
所有处理都在你的浏览器本地完成,粘贴的代码不会被上传。
常见问题
这是 W3C 验证器吗?
不是。它在本地检查格式是否正确以及几个常见问题,不会检查元素能否嵌套在其他元素内,也不检查属性值。
为什么缺少 </p> 或 </li> 不会报告?
HTML 允许省略这些结束标签,浏览器会自动将其闭合。
能处理 SVG 吗?
可以,在 <svg> 和 <math> 中,<path/> 这样的自闭合标签是可接受的。
我的 HTML 会被发送到别处吗?
不会,检查完全在你的浏览器中进行。