W3C验证器快捷工具
输入URL一键打开W3C HTML/CSS验证器,支持粘贴HTML代码直接验证,附带常见错误参考和验证自查清单。
代码验证(粘贴HTML代码)
验证Checklist(快速自查)
- 文档类型声明(DOCTYPE)正确
- <html>标签包含lang属性
- <head>中包含<meta charset>
- <title>标签存在且非空
- 所有标签正确嵌套和关闭
- img标签有alt属性
- 使用语义化HTML标签(header, nav, main, article, section, footer)
- 表单input有关联的label标签
- 没有使用废弃标签(如 <font>, <center>, <b>)
- CSS类名和ID命名规范
- 链接没有broken链接
- 响应式meta viewport标签存在
已检查 0/12
常见HTML错误参考
| 错误类型 | 错误示例 | 正确写法 | 说明 |
|---|---|---|---|
| 缺少关闭标签 | <p>第一段<p>第二段 | <p>第一段</p><p>第二段</p> | p标签必须显式关闭 |
| 标签嵌套错误 | <b><i>文字</b></i> | <b><i>文字</i></b> | 先开后关,后开先关 |
| img无alt属性 | <img src="a.jpg"> | <img src="a.jpg" alt="描述"> | alt属性提升可访问性 |
| 属性值未引号 | <div class=main> | <div class="main"> | 属性值必须用引号包裹 |
| 重复ID | 多个元素使用相同ID | ID唯一,重复用class | ID在文档中必须唯一 |
| 混用大小写 | <DIV><Span> | <div><span> | HTML5推荐全小写 |
| 使用废弃标签 | <font color="red"> | <span style="color:red"> | font/center等已废弃 |
| &未转义 | Tom & Jerry | Tom & Jerry | &必须写为& |