html - validar - verificador de css

Validación W3C con directivas AngularJS (2)

W3 Validación del código angular en línea

Si intentó validar su código AngularJS con http://validator.w3.org/ , debe haber notado que no permite los atributos de AngularJS ng-* .

Una forma de validar ( como se explica en @rewritten ), es prefijar su ng-* con data- , o x- .

No quiero hacer esto en los 800 atributos de mi aplicación. Desde mi punto de vista, reduce la claridad del código, especialmente cuando usamos muchos de estos atributos.

El equipo de validación de HTML5 del W3C ha desarrollado una herramienta que permite filtrar los errores durante la validación y aceptar los atributos ng-* .

Puede probarlo en esta URL: http://validator.w3.org/nu/

Después de enviar un documento para su verificación, en la página de resultados verá un botón de filtrado de mensajes , y si lo presiona, obtendrá una lista de todos los mensajes de error agrupados en conjuntos, con las casillas Mostrar / Ocultar.

Source

¿Cómo vamos a hacer la validación W3C con una aplicación Angular?

Dado que las directivas personalizadas hacen que la validación de HTML no sea válida, generalmente vemos muchos errores de validación de W3C. ¿Hay alguna estrategia para esto?

La validación estricta de w3c permite cualquier atributo de data-* y cualquier clase.

Las directivas se pueden aplicar a elementos DOM con cualquiera de:

<tag directive-name>
<tag data-directive-name> (*)
<tag x-directive-name>
<tag directive_name>
<tag x_directive_name>
<tag data_directive_name>

Al menos el data- one es totalmente compatible con W3C (siempre que declare doctype HTML5). Por lo tanto, el siguiente código valida (el nombre del atributo, por supuesto, falla por el título faltante, la codificación faltante, etc.):

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