我们如何使用Angular应用程序进行W3C验证?
由于自定义指令会导致无效的HTML验证,因此我们通常会看到许多W3C验证错误。对此有什么策略吗?
答案 0 :(得分:34)
严格的w3c验证允许任何data-*
属性和任何类。
可以使用以下任何一种方法将指令应用于DOM元素:
<tag directive-name>
<tag data-directive-name>
(*)<tag x-directive-name>
<tag directive_name>
<tag x_directive_name>
<tag data_directive_name>
至少data-
符合W3C标准(假设您声明HTML5 doctype)。因此,以下代码验证(属性名称,当然它因缺少标题,缺少编码而失败):
<!DOCTYPE html>
<html>
<body data-ng-app="MyApp">
</body>
</html>
答案 1 :(得分:-1)
如果您尝试使用http://validator.w3.org/验证AngularJS代码,则必须注意到它不允许使用AngularJS ng-*
属性。
验证( as @rewritten explained )的一种方法是在ng-*
前加data-
或x-
。
我不想要对我的应用的800个属性执行此操作。在我看来,它降低了代码的清晰度,特别是当我们使用大量这些属性时。
W3C HTML5验证小组开发了一个工具,可以在验证过程中过滤错误,接受ng-*
属性。
您可以通过以下网址进行试用:http://validator.w3.org/nu/
提交文件进行检查后,您将在结果页面上 看到邮件过滤按钮,如果按下该按钮,您将获得一个 使用“显示/隐藏”分组到集合中的所有错误消息的列表 复选框。