Visual Studio에서 HTML5 코드의 유효성 검사를 사용하려면 IntelliSense와 유효성 검사 지원 기능을 설치해야 합니다. 다행히 Visual Studio 2012부터는 HTML5가 기본적으로 지원되므로 별도의 복잡한 설정 없이도 바로 활용할 수 있습니다.
Visual Studio 버전별 HTML5 지원 현황
VS 2010에서는 이미 HTML5에 대한 IntelliSense 지원이 제공되었지만, 마크업 작성 시 자동 완성 기능이 부족한 편이었습니다. VS 2012로 업그레이드되면서 관련 코드 조각(snippet)까지 함께 추가되어 훨씬 빠르고 간편하게 HTML5 마크업을 작성할 수 있게 되었습니다.
HTML5 유효성 검사 설정 방법
Visual Studio 2012에서 HTML5 유효성 검사를 활성화하려면 아래 단계를 따라 진행하세요.
- Visual Studio 2012를 실행합니다.
- 상단 메뉴에서 Tools(도구) > Options(옵션)을 클릭합니다.
- 옵션 설정 화면이 나타나면 좌측 트리 메뉴에서 Text Editor(텍스트 편집기) > HTML > Validation(유효성 검사)으로 이동합니다.
추가 팁
유효성 검사 설정 화면에서 대상(Target)을 HTML5로 지정하면, 작성 중인 코드가 HTML5 표준에 맞는지 실시간으로 확인할 수 있습니다. 잘못된 태그나 지원되지 않는 속성을 사용하면 오류 목록(Error List)과 편집기에 경고가 표시되어 표준 준수 여부를 쉽게 점검할 수 있습니다.