验证HTML5文档 - 站点点

HTML5验证：精简代码，提升网页质量

关键要点

• HTML5验证更注重元素的正确使用、属性值的准确性和必需属性的完整性，而非代码风格。它仍然是确保您的标记符合HTML5规范的宝贵工具。
• XHTML和HTML5验证之间存在诸多差异，包括可选元素和属性、大小写不敏感以及先前已弃用的元素的有效性。建议您选择一种风格并在整个HTML5项目中保持一致性。
• HTML5验证对于确保网页正确格式化并能被浏览器解释至关重要，从而提高性能、减少错误并改善可访问性。有多种在线和离线工具可用于HTML5验证，对于那些希望遵守更严格准则的用户，可以使用更严格的验证工具。

(以下摘录自Alexis Goldstein、Louis Lazaris和Estelle Weyl合着的书籍《HTML5 & CSS3 for the Real World, 2nd Edition》。该书在全球各地的商店有售，您也可以在此处购买电子书版本。)

在上一章中，我们介绍了HTML5中的一些语法更改，并触及了一些与验证相关的问题。让我们更详细地扩展这些概念，以便您更好地理解页面验证方式的变化。

HTML5验证器不再关注代码风格。您可以使用大写或小写字母，省略属性中的引号，排除可选的闭合标签，并且可以随意不一致，您的页面仍然有效。

那么，您可能会问，什么才算作HTML5验证器的错误呢？它会提醒您元素的错误使用、不应包含的元素、缺少必需属性、属性值错误等等。简而言之，验证器会让您知道您的标记是否与规范冲突，因此在开发页面时它仍然是一个有价值的工具。

为了让您了解HTML5与过于严格的XHTML有何不同，让我们来看一些细节。这样，您就可以理解在HTML5中什么被认为是有效的：

在基于XHTML的语法中，某些在XHTML中是必需的元素在HTML5中不再是必需的，才能使文档通过HTML5验证；例如html和body元素。这是因为即使您将它们排除在外，浏览器也会自动将它们包含在文档中。

• 空元素（即没有相应的闭合标签或没有任何内容的元素）不需要使用闭合斜杠关闭；例如meta和br。
• 元素和属性可以是大写、小写或混合大小写。
• 属性值周围不需要引号。例外情况是使用多个空格分隔的值，或者URL作为值出现并且包含带有等号（=）字符的查询字符串。
• 在基于XHTML的语法中，某些在XHTML中是必需的属性在HTML5中不再是必需的。例如，script元素的type属性和html元素的xmlns属性。
• 一些在XHTML中已弃用且因此无效的元素现在有效；一个例子是embed元素。
• 不出现在任何元素内但直接放在body元素内的杂散文本会使XHTML文档无效；HTML5并非如此。
• 一些在XHTML中必须关闭的元素可以在HTML5中不关闭而不会导致验证错误；例如p、li和dt。
• form元素不需要action属性。
• 表单元素（例如input）可以作为form元素的直接子元素；在XHTML中，需要另一个元素（例如fieldset或div）来包装表单元素。
• textarea元素不需要rows和cols属性。
• 链接的target属性以前在XHTML中已被弃用。它现在在HTML5中有效。
• 正如本章前面所讨论的，块级元素可以放在链接（a）元素内。
• 如果＆字符（&）作为页面上的文本出现，则不需要将其编码为&。

这是一个相当全面（尽管并非详尽无遗）的XHTML严格模式和HTML5验证之间差异的列表。有些是风格选择，因此我们鼓励您选择一种风格并保持一致性。我们在上一章中概述了一些首选的风格选择，欢迎您将这些建议融入您自己的HTML5项目中。

注意：更严格的验证工具

如果您想使用更严格的准则来验证标记的语法风格，则可以使用一些工具来帮助您。其中一个工具是Philip Walton的HTML Inspector。要使用它，您可以在开发阶段将脚本包含在您的页面中，然后在开发者工具中打开浏览器的JavaScript控制台并运行命令HTMLInspector.inspect()。这将在控制台中直接显示许多警告和建议，说明如何改进您的标记。HTML Inspector还允许您更改配置以根据自己的需求自定义工具。

总结

到目前为止，我们已经了解了HTML5中几乎所有新的语义和语法更改。其中一些信息可能一开始难以消化，但别担心！熟悉HTML5的最佳方法是使用它——从您的下一个项目开始。尝试使用我们在上一章中介绍的一些结构元素，或者本章中看到的一些文本级语义。如果您不确定某个元素的用途，请返回并阅读有关该部分的内容，或者更好的是，阅读规范本身。虽然该语言肯定比本书中的文本更枯燥（至少我们希望如此！），但规范可以更完整地描述给定元素的预期用途。请记住，HTML5规范仍在开发中，因此我们介绍的内容中的一些内容在新的HTML5.1版本（或者如果您按照WHATWG的定义，则在HTML5“动态标准”中）中仍然可能会发生变化。规范将始终包含最新的信息。

在下一章中，我们将研究HTML5中引入的关键新功能部分：表单和与表单相关的功能。

HTML5文档验证常见问题解答（FAQ）

什么是HTML5验证，为什么它很重要？

HTML5验证是根据HTML5规范的正式语法规则检查网页代码的过程。这非常重要，因为它可以确保您的网页正确格式化并且可以被浏览器正确解释。这将带来更好的性能、更少的错误以及残疾用户的可访问性得到改善。此外，它还可以帮助SEO，因为搜索引擎更喜欢结构良好且无错误的网站。

如何验证我的HTML5文档？

您可以使用W3C标记验证服务等在线工具来验证您的HTML5文档。只需输入您的网页URL或上传您的HTML文件，该工具就会根据HTML5标准检查它并报告任何错误或警告。

什么是最小有效的HTML5文档？

最小有效的HTML5文档是最简单的HTML5文档，它仍然符合HTML5规范设定的标准。它包括文档类型声明、根元素（html）、head元素和body元素。

一些常见的HTML5验证错误是什么？

常见的HTML5验证错误包括缺少闭合标签、元素嵌套不正确、使用已弃用的元素或属性以及忘记在文档开头包含文档类型声明。

如何修复HTML5验证错误？

修复HTML5验证错误包括根据验证工具提供的错误消息更正代码。这可能包括添加缺少的标签、删除或替换已弃用的元素或更正元素的嵌套。

文档类型声明在HTML5验证中的作用是什么？

文档类型声明是HTML5文档的第一行，它告诉浏览器页面是用哪个版本的HTML编写的。它对于验证至关重要，因为它可以帮助浏览器和验证工具正确解释其余代码。

我可以验证包含CSS和JavaScript的HTML5文档吗？

是的，您可以验证包含CSS和JavaScript的HTML5文档。但是，验证只会检查HTML代码。对于CSS和JavaScript，您需要使用单独的验证工具。

使用HTML5验证器的优势是什么？

使用HTML5验证器可以帮助您在错误导致问题之前捕获并修复它们。它可以提高您网站的性能、可访问性和搜索引擎排名。它也是学习更多关于HTML和提高您的编码技能的好方法。

我可以离线验证HTML5文档吗？

是的，有一些工具允许您离线验证HTML5文档。这些工具包括您可以安装在计算机上的软件应用程序和命令行工具。

HTML5验证和HTML5一致性检查有什么区别？

HTML5验证是关于根据HTML5规范检查代码的语法。另一方面，一致性检查是关于确保您的网页遵循Web设计和可访问性的最佳实践，以及语法正确。

以上是验证HTML5文档 - 站点点的详细内容。更多信息请关注PHP中文网其他相关文章！