Angular를 사용한 W3C 검증JS 디렉티브
Angular 어플리케이션으로 W3C 검증을 하려면 어떻게 해야 하나요?
커스텀 디렉티브에서는 무효 HTML 검증이 이루어지기 때문에 일반적으로 W3C 검증 에러가 많이 발생합니다.이에 대한 전략이 있습니까?
엄격한 w3c 검증을 통해data-*Atribute 및 임의의 클래스.
디렉티브는, 다음의 어느쪽인가를 사용해 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 doctpe를 선언한 경우).따라서 다음 코드가 검증됩니다(아트리뷰트명, 제목 누락, 부호화 누락 등).
<!DOCTYPE html>
<html>
<body data-ng-app="MyApp">
</body>
</html>
W3 Angular 코드 온라인
Angular의 유효성을 확인하려고 하면http://validator.w3.org/,을 사용하는 JS 코드는 Angular를 허용하지 않습니다.JSng-*특성.
(@rewritten에서 설명한 바와 같이) 를 검증하는 한 가지 방법으로서ng-*와 함께data-, 또는x-.
내 앱의 800개 속성에서 이 작업을 수행하고 싶지 않습니다.제 관점에서는 특히 이러한 속성을 많이 사용하면 코드의 선명도가 저하됩니다.
W3C HTML5 검증팀은 검증 중 오류를 필터링하여 적절한 속성을 받아들일 수 있는 도구를 개발했습니다.
다음 URL에서 시험해 볼 수 있습니다.http://validator.w3.org/nu/
확인할 문서를 제출하면 결과 페이지에 메시지 필터링 단추가 표시되고, 이 단추를 누르면 표시/숨기기 확인란과 함께 세트로 그룹화된 모든 오류 메시지 목록이 표시됩니다.
언급URL : https://stackoverflow.com/questions/16949926/w3c-validation-with-angularjs-directives
'programing' 카테고리의 다른 글
| React 컴포넌트에 CSS 파일을 Import하는 방법 (0) | 2023.03.28 |
|---|---|
| jquery AJAX 콜을 디버깅하려면 어떻게 해야 하나요? (0) | 2023.03.28 |
| 어떻게 내 angular.js ng-model에 json을 로드하지? (0) | 2023.03.28 |
| 웹 팩 및 글꼴 페이스로 글꼴 로드 (0) | 2023.03.28 |
| spring-boot에 application.properties 파일을 여러 개 추가하는 방법 (0) | 2023.03.28 |