HTML 验证器
检查 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 验证器是一款完全在浏览器中运行的轻量级结构检查工具,您粘贴的内容绝不会离开您的设备。
使用方法
- 在输入框中粘贴或输入 HTML(完整文档或片段均可)。
- 工具会在您输入时自动验证,无需点击任何按钮。
- 查看摘要表,快速了解结果(有效、有警告的有效,或无效),以及错误和警告的数量。
- 浏览问题列表表,查看每个问题的严重程度、行号、列号和通俗易懂的描述。您可以复制该列表,或将其下载为 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> 的警告——如果您有意检查的是部分模板,可以忽略这些警告。