Visual Studio에서 HTML5 유효성 검사 추가하기
HTML5 유효성 검사(validation)를 사용하려면 Visual Studio에 IntelliSense와 유효성 검사 지원 기능이 설치되어 있어야 합니다. 다행히 Visual Studio 2012부터는 HTML5가 기본적으로 지원되므로 별도의 확장 설치 없이 바로 사용할 수 있습니다.
VS 2010에서는 IntelliSense 지원만 제공되었지만, VS 2012에는 관련 코드 조각(snippet)까지 함께 포함되어 있어 마크업 작성 속도가 크게 향상되고 생산성도 눈에 띄게 좋아졌습니다.
HTML5 유효성 검사 설정 단계
다음 순서대로 진행하면 간단하게 설정할 수 있습니다.
- Visual Studio 2012를 실행합니다.
- 메뉴에서 Tools(도구) > Options(옵션)으로 이동합니다.
- 옵션 구성 화면이 표시되면 Text Editor(텍스트 편집기) > HTML > Validation(유효성 검사) 항목으로 이동합니다.
해당 화면에서 대상 스키마를 HTML5로 지정하면, 이후 HTML 문서 작성 시 IntelliSense 자동 완성과 유효성 검사가 정상적으로 적용됩니다. 잘못된 태그나 속성 사용 시 오류 목록에 경고가 표시되어 표준에 맞는 깔끔한 마크업을 유지하는 데 큰 도움이 됩니다.