Как мы проводим проверку W3C с помощью приложения Angular?
Так как пользовательские директивы делают недопустимую проверку HTML, мы обычно видим множество ошибок проверки W3C. Существуют ли какие-либо стратегии для этого?
Проверка W3C с помощью директив AngularJS
Ответ 1
Строгая проверка 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 (при условии, что вы объявляете doctype HTML5). Таким образом, следующий код проверяет (имя атрибута, конечно, оно не выполняется для отсутствующего заголовка, отсутствует кодировка и т.д.):
<!DOCTYPE html>
<html>
<body data-ng-app="MyApp">
</body>
</html>
Ответ 2
W3 Проверка кода Angular онлайн
Если вы попытались проверить свой код AngularJS с http://validator.w3.org/, вы должны заметить, что он не позволяет атрибутам AngularJS ng-*.
Один из способов проверки (как объяснил @rewritten) - это префикс ng-* с data- или x-.
Я хочу не делать это по 800 атрибутам моего приложения. С моей точки зрения, это уменьшает ясность кода, особенно когда мы используем много этих атрибутов.
Команда проверки W3C HTML5 разработала инструмент, который позволяет фильтровать ошибки во время проверки, а принимать хорошие ng-* атрибуты.
Вы можете попробовать его по этому URL-адресу: http://validator.w3.org/nu/
После отправки документа для проверки на странице результатов youll см. кнопку Фильтрация сообщений, и если вы нажмете это, вы получите список всех сообщений об ошибках, сгруппированных по наборам, с Show/Hide флажки.
