계획 4011에 따른 검증 오류 36. 사하 공화국(야쿠티아) 조달 분야의 지역 정보 시스템. 검증을 위해 비즈니스 규칙 사용

사이트 유효성 검사 오류 분석

끝없이 이어지는 주문 사이에 드디어 여유 시간을 갖고 블로그를 시작하기로 결정했습니다. 검증 측면에서 개선해 보겠습니다. 아래 기사에서는 웹 사이트, HTML 및 CSS 코드의 유효성 검사가 무엇인지, 왜 필요한지, 특정 예를 사용하여 웹 사이트를 표준으로 가져오는 방법에 대해 설명합니다.

사이트 유효성 검사란 무엇입니까?

간단히 말해서 이는 표준 준수 여부를 테스트하는 것입니다. 모든 브라우저에서 귀하의 사이트를 올바르게 표시할 수 있도록 합니다. 사이트의 유효성은 홍보에 큰 영향을 미치지 않지만 확실히 상황을 악화시키지는 않습니다.

웹사이트 페이지 유효성 검사를 통과하는 구체적인 예

내 웹 사이트에 나타나는 첫 번째 페이지인 Java 8의 Base64 인코딩 및 디코딩을 살펴보겠습니다. 유효성 검사기에 페이지 주소를 입력하고 결과를 살펴보겠습니다.

이 문서를 HTML 4.01 Transitional로 확인하는 동안 오류가 발견되었습니다! 결과: 105개 오류, 67개 경고 예, 나타난 그림은 불쾌합니다. 100개 이상의 오류와 67개 경고 - 검색 엔진은 내 블로그를 어떻게 색인화하고 사람들이 블로그를 방문합니까? 하지만 당황하지 말고 검증을 받고 실수를 바로잡는 방법을 배워보자. 따라서 첫 번째 경고는 다음과 같습니다.

구문 분석 모드를 결정할 수 없습니다! 유효성 검사기는 문서를 XML(XHTML, SVG 등과 같은 문서 유형의 경우) 또는 SGML(HTML 4.01 및 이전 버전의 경우)로 처리할 수 있습니다. 이 문서의 경우 다음과 같은 이유로 구문 분석 모드를 명확하게 결정하는 데 사용 가능한 정보가 충분하지 않았습니다. MIME 미디어 유형(text/html)이 XML 또는 SGML 문서 유형에 사용될 수 있습니다. 알려진 문서 유형이 감지될 수 없습니다. XML 선언이 없습니다(예:) 문서의 시작 부분에서 찾을 수 있습니다. 문서 루트에서 XML 네임스페이스(예:)를 찾을 수 없습니다. 기본적으로 유효성 검사기는 SGML 모드로 대체됩니다. 경고 DOCTYPE을 찾을 수 없습니다! 기본 HTML 4.01 전환 문서 유형으로 확인 중입니다. 이 문서에서는 DOCTYPE 선언을 찾거나 인식할 수 없습니다. 이는 일반적으로 문서가 상단에 문서 유형을 선언하지 않음을 의미합니다. 이는 또한 DOCTYPE 선언에 철자 오류가 있거나 올바른 구문을 사용하지 않음을 의미할 수도 있습니다. "HTML 4.01 Transitional"과 매우 유사한 기본 "대체" 문서 유형 정의를 사용하여 문서를 검사했습니다. 그것은 동일합니다. 수정 방법은 간단합니다. 페이지 맨 시작 부분에 태그를 추가하면 됩니다.

우리가 무엇을 했는지 확인하고 이 태그 하나로 105개의 오류와 3개의 경고를 제거했는지 확인해보세요! 이제 64개의 경고만 남았습니다. 하나씩 분해해 보도록 하겠습니다.

경고: 스타일 요소의 유형 속성은 필요하지 않으므로 생략해야 합니다. 5행 1열부터; 5행, 23열 /x-icon">↩↩↩↩↩A 이는 스타일 요소에 유형 속성이 필요하지 않음을 의미합니다. 불필요한 것입니다. 페이지에 이러한 주석이 두 개 있습니다. 유사한 경고가 JavaScript에도 적용됩니다.

경고: JavaScript 리소스에는 type 속성이 필요하지 않습니다. 418행 1열; 418행, 31열 ↩↩$(doc 이러한 오류가 8개 있습니다. 이러한 속성을 제거하고 만세 - 경고가 10개 더 적습니다!

오류: CSS: 배경: 선형 그라데이션 함수의 첫 번째 인수는 상단이 아니라 상단이어야 합니다. 39행, 61열 0%,#E8E8E8 100%);↩ border-r 다음 실수는 선형 그라데이션의 첫 번째 인수가 위쪽이 아니라 위쪽이어야 한다는 것입니다. 우리가 고치겠습니다. 다음 오류:

오류: CSS: 구문 분석 오류. 65행 13열; 65행, 16열 margin: 0 auto;↩padd 여기에서는 CSS에 잘못 주석을 달았습니다. 이 줄만 제거하면 됩니다. 또는 /*와 */를 다르게 주석 처리하세요. 나는 예전 방식대로 했다.

오류: CSS: @charset 및 @import 이외의 유효한 문 뒤에는 @import가 허용되지 않습니다. 88행, 74열 0,600,700,300);↩@import url(// 이제 가져오기 오류가 발생했습니다. 이 행을 다음으로 이동하겠습니다. 파일의 시작 부분부터 사라지게 됩니다.

오류: 요소 a의 속성 대상에 대한 잘못된 값 _blank: 예약된 키워드 공백이 사용되었습니다. 241행, 218열; 241행, 295열 cookie..php?id=98" target="_blanck" style="display: inline;">여기 다음으로 target 속성의 값이 마음에 들지 않습니다. 앞에 밑줄 없이 “공백”을 사용하려면 이를 제거해 보겠습니다.

오류: 종료 태그 li가 표시되었지만 열려 있는 요소가 있었습니다. 379행 2열; 379행 6열

↩ ↩↩