Visual Studio에서 태그 유효성 검사
Visual Studio 웹 디자이너 (웹 폼 페이지 용, 소스 뷰에서)에서 태그를 편집하는 경우, 편집기는 태그가 유효한지 확인합니다. 태그 유효성 검사는 워드 프로세서 프로그램의 맞춤법 검사기처럼 작동합니다. 편집기에서는 태그를 검사하여 잘못된 요소나 특성에 빨간색 물결선을 추가합니다.
이 편집기는 현재 선택한 유효성 검사 스키마에 따라 유효한 항목을 결정합니다. 예를 들어 스키마를 HTML5로 설정한 경우, 편집기에서는 유효한 HTML5 페이지를 정의하는 스키마에 대해 페이지의 태그를 비교합니다. 스키마를 XHTML5로 변경한 경우, 편집기에서는 XHTML5 스키마에 대해 페이지의 태그를 확인합니다.
유효성 검사 오류가 있어도 페이지가 계속 실행됩니다. 단지 페이지의 태그가 선택된 태그 언어에 대한 스키마에 맞지 않는다는 정보만 제공합니다.
스키마 선택
Visual Studio는 HTML5, XHTML5, HTML 4.01, 및 XHTML 1.1 같은 표준에 대한 스키마를 포함합니다. Visual Studio가 페이지에서 DOCTYPE 값에 근거하여 스키마를 결정할 수 있도록 할 수 있습니다. HTML 소스 편집 도구 모음의 드롭다운 목록에서 스키마를 선택할 수도 있습니다. 또한 옵션 대화 상자에서 기본 유효성 검사 스키마를 선택할 수도 있습니다.
.gif "f940516c.collapse_all(ko-kr,VS.110).gif")
유효성 검사 오류 보기
편집기에서는 다음과 같은 방법으로 유효성 검사 오류를 표시합니다.
밑줄 표시된 요소 잘못된 요소 또는 특성에 물결 무늬 줄로 밑줄 표시됩니다.
도구 설명 물결 무늬 줄로 밑줄이 표시된 요소 위로 마우스 포인터를 가져가면 오류에 대한 자세한 정보가 도구 설명에 표시됩니다.
오류 목록 오류 목록 창이 열려 있으면 모든 유효성 검사 오류 목록을 확인할 수 있습니다 (경고 알림). 오류 목록 창을 열려면 보기를 선택하고, 오류 목록을 선택합니다. 키보드로 목록을 열려면, Ctrl+\를 입력하고 E를 입력합니다. 오류 목록 창에서 오류를 두 번 클릭하면 편집기에서 해당 오류 위치로 바로 이동합니다.
유효성 검사 대상
태그 유효성 검사에서는 다음 항목을 확인합니다.
허용되는 태그 일부 브라우저 스키마에서는 다른 스키마에서 허용되지 않는 태그를 지원합니다. 예를 들어 <blink> 태그는 Netscape 브라우저에서만 지원되므로 다른 스키마에서는 잘못된 태그로 표시됩니다.
허용되는 특성 특정 요소에 대해 허용되는 특성인지 유효성을 검사합니다.
필수 특성 필수 특성이 포함되어 있는지 유효성을 검사합니다. 예를 들어 XHTML 1.1의 경우 <script> 태그에 type 특성이 포함되어 있어야 합니다.
허용되는 특성 값 true 또는 false처럼 특정한 열거형 값만 지원하는 특성의 경우 허용된 값에 맞지 않는 값이 있으면 오류로 표시합니다.
허용되는 CSS 값 style 특성에 대한 CSS 스타일시트 값이 허용되는지 유효성을 검사합니다.
허용되는 자식 요소 지정된 부모 요소에 대해 자식 요소가 허용되는지 유효성을 검사합니다.
특성 값 주위에 적절한 따옴표 사용 스키마에 따라 특성 값을 따옴표로 묶어야 할 수도 있습니다. 따옴표가 필요 없는 스키마의 경우, 따옴표가 있으면 따옴표가 짝이 맞는지 유효성을 검사합니다. 특성 값 주변에 따옴표가 스키마에 의해 요청되지 않는 경우, Visual Studio가 이를 확인할지 여부를 구성할 수 있습니다. 자세한 내용은 이 항목의 뒷부분에 나오는 "유효성 검사 사용자 지정"을 참조하십시오.
대/소문자 규칙 스키마에 따라 요소와 특성 이름을 소문자로 지정해야 할 수도 있습니다. 스키마에서 이름에 대문자 또는 소문자를 허용하는 경우 사용자가 설정한 유효성 검사 옵션에 따라 문자의 유효성을 검사합니다. 자세한 내용은 이 항목의 뒷부분에 나오는 "유효성 검사 사용자 지정"을 참조하십시오.
고유한 요소 ID 유효성 검사를 통해 요소 ID가 페이지 전체에서 고유한지 확인할 수 있습니다.
올바른 형식의 요소 스키마에 필요한 경우 유효성 검사를 통해 모든 여는 태그와 닫는 태그가 짝이 맞는지 확인할 수 있습니다.
요소의 열기 및 닫기 순서 유효성 검사를 통해 <b><i>text</b></i>의 경우처럼 열기 및 닫기 요소의 순서가 맞지 않는지 확인할 수 있습니다.
오래된 태그 또는 특성 XHTML5와 같은 스키마에서는 <font> 같은 태그를 오류로 표시하여 해당 태그가 더 이상 지원되지 않음을 나타냅니다.
관련된 하이퍼링크 및 그래픽에 대한 올바른 대상 유효성 검사를 통해 현재 사이트에 대해 대상이 유효한지 확인할 수 있지만 정규화된 URL의 유효성은 확인하지 않습니다.
페이지 출력 유효성 검사
유효성 검사를 수행하면 디자이너에서 페이지의 태그를 검사합니다. 브라우저에서 페이지가 실행되는 경우 특정 스키마에 대해 페이지 출력의 유효성을 검사할 수는 없습니다. 웹 폼 페이지에 대해, 개별 ASP.NET 서버 컨트롤과 페이지 자체에서는 페이지가 처리될 때 태그를 해당 페이지에 렌더링하거나 경우에 따라 스크립팅합니다. 디자이너의 유효성 검사에서는 이 출력에 액세스할 수 없습니다. 런타임에 만드는 태그와 스크립트는 대부분의 브라우저에서 유효합니다. ASP.NET 페이지와 서버 컨트롤은 XHTML5와 호환되는 태그를 렌더링합니다. 자세한 내용은 Visual Studio 및 ASP.NET의 XHTML 표준을 참조하십시오.
유효성 검사와 IntelliSense
스키마를 지정하면 유효성 검사뿐만 아니라 IntelliSense에서 사용 가능한 태그와 특성 목록도 제어됩니다. 예를 들어, <font> 태그가 해당 스키마에서 사용되지 않으므로 XHTML5 스키마는 <font> 태그를 제공하지 않습니다.
유효성 검사 사용자 지정
사용 중인 스키마에 따라 추가 유효성 검사 옵션을 지정할 수도 있습니다. 예를 들어, HTML5를 사용하는 경우, 다음 조건들을 오류로 나타낼지 여부를 선택할 수 있습니다.
클라이언트 태그가 소문자가 아닌 경우
클라이언트 태그가 완벽하지 않은 경우
특성 값이 따옴표로 구분되지 않은 경우
특성 또는 요소가 사용되지 않는 경우
여러 네임스페이스에 대한 유효성 검사
고유한 네임스페이스로 선언된 태그 블록을 웹 페이지에 포함할 수 있습니다. 예를 들어, 페이지의 포함된 XML의 블록은 자신의 요소에 대한 네임스페이스 선언을 포함할 수 있습니다. 이런 경우, 유효성 검사는 현재 페이지 스키마와 포함 블록에 대한 스키마 모두를 기준으로 합니다.