5、HTML5 验证、元素映射与表单输入的实用指南

HTML5 验证、元素映射与表单输入的实用指南

1. HTML5 代码验证

W3C 的 Unicorn 验证器默认检查 CSS 2.1，但也可以自定义检查范围以包含 CSS3。不过，代码验证并非优秀 HTML 编码的唯一标准。在某些情况下，你可能会有意在 HTML 文档中包含无效代码。例如，可能存在一个必要但无法通过验证的技巧，或者使用了一种尚未被广泛支持的前沿 CSS 技术（现代验证器无法识别）。

这些都是导致网页文档无法通过验证的合理原因。虽然是否应包含这些技巧或 CSS 技术存在争议，但有意包含一段无效代码仍可能是良好网页开发实践的一部分。验证应被视为网页开发工具箱中的众多工具之一，而不应成为判断页面编码是否正确的唯一依据。验证代码是发现编码中无意错误的好方法，在其他条件相同的情况下，有效的 HTML5 文档通常优于无效的文档。

你可以查看 W3C Unicorn 验证器文档 和 validator.nu 文档 获取更多信息。

2. 将 HTML5 元素映射到 id 和类名

如果你还未准备好采用 HTML5，但希望对网站进行编码，以便将来轻松升级到 HTML5，那么可以使用 div 标签并结合类似 HTML5 的 id 和类名来模拟 HTML5 网站的语义结构。

以创建一个简单的博客首页为例，该页面的关键结构元素包括：
- 页面头部：包含博客标题和导航栏。
- 内