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