HTML 结构验证器

检查 HTML 结构:未闭合、不匹配或多余的标签,重复的 id 和属性,缺少 alt 的图片,以及缺失的 doctype、title 或 lang。在浏览器中运行。

只检查结构:未闭合、不匹配或多余的标签,重复的 id 和属性,缺少 alt 文本,doctype/title/lang。这不是 W3C 验证器。

完全在浏览器中运行,您的数据不会被上传。

相关工具

查看全部

什么是 HTML 验证?

这个 HTML 检查器能找出最容易破坏页面布局的结构性错误:从未闭合的元素、顺序错误的结束标签、没有开始标签的结束标签、重复的 id 和属性、缺少 alt 的 <img>,到完整文档中缺失的 doctype、<title> 或 lang。它是快速的本地检查,不是 官方的 W3C(Nu)验证器,也不检查哪些元素可以出现在哪里。

如何使用 HTML 验证

  1. 粘贴 HTML 文档或片段。
  2. 点击 验证(输入时结果会同步更新)。
  3. 查看错误和警告的汇总。
  4. 根据每一项给出的行号和列号修正标记。

示例

输入
<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 会被发送到别处吗?

不会,检查完全在你的浏览器中进行。

探索更多分类