HTML 校验器(语法与结构检查)
检查 HTML 中未闭合和嵌套错误的标签、多余的结束标签、重复的 id 和属性、缺失的 alt、已废弃的元素,以及 doctype、title、charset 问题。
这是仿照浏览器解析 HTML 的方式进行的本地语法和结构检查。它不是 W3C Nu HTML Checker:不会验证属性值、ARIA 规则以及完整的命名字符引用列表。
| 行 | 列 | 类型 | 消息 |
|---|---|---|---|
| 1 | 1 | 提示 | 没有 <meta name="viewport"> — 没有它,手机上页面会被缩小显示。 |
| 9 | 21 | 错误 | </b> 会关闭 <b>(在第 9 行第 11 列打开),但其中在第 9 行第 16 列打开的 <i> 仍未关闭,请先关闭它。 |
| 9 | 25 | 错误 | 多余的结束标签 </i> — 没有打开的 <i> 元素。 |
| 11 | 3 | 错误 | <img> 需要 alt 属性:请描述图片内容;如果纯属装饰,请使用 alt=""。 |
| 12 | 3 | 错误 | <center> 元素已过时,请改用 CSS(text-align 或 margin: auto)。 |
| 12 | 17 | 错误 | id “info” 重复 — 它已在第 10 行第 8 列使用过。每个 id 在页面中必须唯一。 |
浏览器会宽容地对待有错误的 HTML,但会用你意想不到的方式去修复它:<p> 里的 <div> 会悄悄结束这个段落,嵌套错误的 <b><i> 标签会被重新构建,重复的 id 会让脚本和标签失效。本检查器像浏览器一样读取你的 HTML,并列出所有问题及其行号和列号——未闭合和多余的标签、无效的嵌套、重复的属性和 id、缺失的替代文本、已废弃的元素和属性;对于完整页面,还会检查 doctype、title、语言和字符编码。
使用方法
- 把完整页面或代码片段粘贴到输入框中。
- 检查方式保持“自动”,或强制按完整文档或片段检查。
- 阅读消息表:错误需要先修复;警告属于最佳实践。
- 先修复最前面的问题再重新检查——缺少一个结束标签可能导致多条消息。
计算公式
错误 = 解析错误 + 嵌套与内容模型错误 + 已废弃的特性;警告 = 建议的修复
HTML 允许省略的结束标签(</p>、</li>、</td>、</tr>、</option> 等)缺失时不会报告。<svg> 和 <math> 内的元素遵循 XML 规则,所以那里可以使用自闭合标签。script 和 style 的内容不会按 HTML 解析。
示例
示例页面有五个问题。<b>周五<i>营业</b></i> 会产生两个错误:</b> 关闭粗体时斜体仍然打开,随后的 </i> 已经没有可关闭的内容。<img> 没有替代文本,<center> 已废弃,id info 用了两次。结果是 5 个错误,没有警告。
常见问题
这和 W3C 校验器一样吗?
不一样。它在你的浏览器中本地运行,覆盖最常见的语法和结构问题。W3C Nu HTML Checker 还会验证每个属性值、ARIA 用法等更多内容;最终的完整检查请用它。
为什么缺少 </p> 不算错误?
HTML 允许省略 p、li、td、tr、option 等元素的结束标签,浏览器会在明确规定的位置自动关闭它们。
为什么 <p> 里放 <div> 会在 </p> 处报错?
段落不能包含块级元素,所以浏览器遇到 <div> 就会结束 <p>。之后的 </p> 就没有段落可关闭了。
我的 HTML 会被上传吗?
不会,检查完全在你的浏览器中进行。
资料来源
最后更新:
包含这些输入的页面地址: https://kakao.mobile/zh/tools/html-validator/
引用此工具
kakaoCalc. (2026, November 8). HTML 校验器(语法与结构检查). https://kakao.mobile/zh/tools/html-validator/
“HTML 校验器(语法与结构检查).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/html-validator/.