使用AngularJS指令进行W3C验证

时间:2013-06-05 21:08:39

标签: html angularjs w3c w3c-validation

我们如何使用Angular应用程序进行W3C验证?

由于自定义指令会导致无效的HTML验证,因此我们通常会看到许多W3C验证错误。对此有什么策略吗?

2 个答案:

答案 0 :(得分:34)

严格的w3c验证允许任何data-*属性和任何类。

可以使用以下任何一种方法将指令应用于DOM元素:

  1. <tag directive-name>
  2. <tag data-directive-name>(*)
  3. <tag x-directive-name>
  4. <tag directive_name>
  5. <tag x_directive_name>
  6. <tag data_directive_name>
  7. 至少data-符合W3C标准(假设您声明HTML5 doctype)。因此,以下代码验证(属性名称,当然它因缺少标题,缺少编码而失败):

    <!DOCTYPE html>
    <html>
     <body data-ng-app="MyApp">
     </body>
    </html>
    

答案 1 :(得分:-1)

W3在线验证角度代码

如果您尝试使用http://validator.w3.org/验证AngularJS代码,则必须注意到它不允许使用AngularJS ng-*属性。

验证( as @rewritten explained )的一种方法是在ng-*前加data-x-

想要对我的应用的800个属性执行此操作。在我看来,它降低了代码的清晰度,特别是当我们使用大量这些属性时。

W3C HTML5验证小组开发了一个工具,可以在验证过程中过滤错误,接受ng-*属性

您可以通过以下网址进行试用:http://validator.w3.org/nu/

  

提交文件进行检查后,您将在结果页面上   看到邮件过滤按钮,如果按下该按钮,您将获得一个   使用“显示/隐藏”分组到集合中的所有错误消息的列表   复选框。

Screenshot of the validator

Source