ZH
我的工具

HTML 校验器(语法与结构检查)

检查 HTML 中未闭合和嵌套错误的标签、多余的结束标签、重复的 id 和属性、缺失的 alt、已废弃的元素,以及 doctype、title、charset 问题。

结果
5 个错误
错误数
5
警告数
0
元素数
13
检查方式
完整文档

这是仿照浏览器解析 HTML 的方式进行的本地语法和结构检查。它不是 W3C Nu HTML Checker:不会验证属性值、ARIA 规则以及完整的命名字符引用列表。

消息
行列类型消息
11提示没有 <meta name="viewport"> — 没有它,手机上页面会被缩小显示。
921错误</b> 会关闭 <b>(在第 9 行第 11 列打开),但其中在第 9 行第 16 列打开的 <i> 仍未关闭,请先关闭它。
925错误多余的结束标签 </i> — 没有打开的 <i> 元素。
113错误<img> 需要 alt 属性:请描述图片内容;如果纯属装饰,请使用 alt=""。
123错误<center> 元素已过时,请改用 CSS(text-align 或 margin: auto)。
1217错误id “info” 重复 — 它已在第 10 行第 8 列使用过。每个 id 在页面中必须唯一。
我的工具 →
广告

浏览器会宽容地对待有错误的 HTML,但会用你意想不到的方式去修复它:<p> 里的 <div> 会悄悄结束这个段落,嵌套错误的 <b><i> 标签会被重新构建,重复的 id 会让脚本和标签失效。本检查器像浏览器一样读取你的 HTML,并列出所有问题及其行号和列号——未闭合和多余的标签、无效的嵌套、重复的属性和 id、缺失的替代文本、已废弃的元素和属性;对于完整页面,还会检查 doctype、title、语言和字符编码。

使用方法

  1. 把完整页面或代码片段粘贴到输入框中。
  2. 检查方式保持“自动”,或强制按完整文档或片段检查。
  3. 阅读消息表:错误需要先修复;警告属于最佳实践。
  4. 先修复最前面的问题再重新检查——缺少一个结束标签可能导致多条消息。

计算公式

错误 = 解析错误 + 嵌套与内容模型错误 + 已废弃的特性;警告 = 建议的修复

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 会被上传吗?

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

资料来源

最后更新:

引用此工具
APA

kakaoCalc. (2026, November 8). HTML 校验器(语法与结构检查). https://kakao.mobile/zh/tools/html-validator/

MLA

“HTML 校验器(语法与结构检查).” kakaoCalc, 8 Nov. 2026, kakao.mobile/zh/tools/html-validator/.

广告