跳到主要内容

HTML 验证器

API reference

检查 HTML 标记中的结构性问题,包括未闭合或不匹配的标签、重复的 ID、已弃用的元素、缺失的必需属性(img 的 alt/src、a 的 href),以及块级元素嵌套在行内元素中等,并按行号列出每个问题。轻量级结构检查工具,完全在您的浏览器中运行。

输入

输出

摘要

结果
指标数值
No data yet

问题列表

结果
严重程度行号列号消息
No data yet
这对您有帮助吗?

使用此工具的更多方式

REST API

curl -X POST https://api.iotools.cloud/v1/tool/html-validator \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "htmlInput": "<!DOCTYPE html>\n<html>\n<head>\n  <title>My Page</…"
  }'

替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。

让 AI 代理执行

Use the IOTools `html-validator` tool (HTML Validator) on this input:

YOUR_INPUT_HERE

将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。

嵌入式小组件

<iframe
  src="https://iotools.cloud/embed/html-validator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="HTML 验证器 — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。

每次 API/MCP 调用费用5 积分起
需要更多积分?查看定价

也可通过

使用指南

粘贴任意 HTML 标记,即可立即获得逐行的结构问题报告,包括未闭合的标签、不匹配的结束标签、重复的 ID、已弃用的元素、缺失的必需属性以及无效的嵌套。HTML 验证器是一款完全在浏览器中运行的轻量级结构检查工具,您粘贴的内容绝不会离开您的设备。

使用方法

  1. 在输入框中粘贴或输入 HTML(完整文档或片段均可)。
  2. 工具会在您输入时自动验证,无需点击任何按钮。
  3. 查看摘要表,快速了解结果(有效、有警告的有效,或无效),以及错误和警告的数量。
  4. 浏览问题列表表,查看每个问题的严重程度、行号、列号和通俗易懂的描述。您可以复制该列表,或将其下载为 CSV 与团队分享。

检查内容

  • 未闭合的标签 — 打开了却从未关闭的元素,或在其父元素关闭时仍未关闭的元素。
  • 不匹配或多余的结束标签 — 没有对应开始标签的 </tag>,或标签未按正确顺序关闭(例如 <b>...<i>...</b></i>)。
  • 重复的 ID — 同一个 id 值被多个元素使用,这会破坏锚点、标签和脚本。
  • 已弃用的元素 — <center>、<font>、<marquee>、<big> 和 <strike> 等旧标签,它们已不再属于 HTML 的一部分。
  • 缺失的必需属性 — 没有 alt 或 src 的 <img>,没有 href 的 <a>,没有 src 的 <script>(内联脚本除外),以及没有 href 的 <link>。
  • 块级元素嵌套在行内元素中 — 将 <div> 等块级元素放在 <span> 等行内元素内部。
  • 非空元素使用自闭合语法,以及空元素使用结束标签 — 例如 <br> 或 <img> 带有结束标签,或普通元素使用了自闭合写法。
  • 缺失的文档框架 — 完整页面缺少 <!DOCTYPE html>、<html>、<head> 或 <body>。

这是完整的 W3C 验证器吗?

不是。这是一款轻量级结构检查工具,并非 W3C/WHATWG HTML 规范的完整实现。它使用基于正则表达式和栈的快速分词器,捕获那些最常见、影响最大、会破坏渲染、可访问性或脚本运行的错误,也是您日常最常遇到的问题。若需完整的规范符合性检查(内容模型、ARIA 规则、字符编码),请将标记提交到官方的 W3C 标记验证服务。

我的 HTML 会被上传到服务器吗?

不会。所有验证都在您的浏览器中通过纯 JavaScript 在本地完成。您的标记从不会发送到服务器,因此该工具适用于私有模板、电子邮件 HTML 以及未发布的页面。

“错误”和“警告”有什么区别?

错误是会影响浏览器解析文档方式的结构性缺陷,例如未闭合的标签、重复的 ID、缺失的 src/alt/href。警告是最佳实践方面的问题,通常仍能正常渲染,例如已弃用的元素、缺失的文档类型声明,或块级元素嵌套在行内元素中。建议先清除所有错误,然后再查看警告。

我可以只验证一段代码片段吗?

可以。粘贴片段后,工具仍会报告标签和属性问题。您会看到关于缺失 doctype 以及 <html>/<head>/<body> 的警告——如果您有意检查的是部分模板,可以忽略这些警告。

htmlvalidatorlintermarkupwebaccessibility

喜欢这些工具?去掉广告吧。

一次性付款即可永久移除您账户中的所有广告。无需订阅,不追踪。