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

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

끝없는 주문 사이에 마침내 자유 시간이 생겼고 블로그를 시작하기로 결정했습니다. 유효성 검사 측면에서 개선해 봅시다. 기사 아래에서 사이트, html 및 css 코드의 유효성 검사가 무엇인지, 필요한 이유 및 특정 예를 사용하여 사이트를 표준으로 가져오는 방법에 대해 설명합니다.

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

간단히 말해서 표준 준수 여부를 확인하는 것입니다. 모든 브라우저에서 귀하의 사이트를 올바르게 표시할 수 있습니다. 사이트의 유효성은 프로모션에 큰 영향을 미치지 않지만 확실히 나쁘지는 않습니다.

웹사이트 페이지에 대한 유효성 검사 통과의 구체적인 예

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

이 문서를 HTML 4.01 전환으로 확인하는 동안 오류가 발견되었습니다! 결과: 105개의 오류, 67개의 경고 예, 사진이 보기 흉합니다. 100개 이상의 오류와 67개의 경고 - 검색 엔진은 내 블로그와 방문하는 사람들을 어떻게 인덱싱합니까? 그러나 화를 내지 말고 유효성 검사를 통과하고 오류를 수정하는 방법을 배우십시오. 따라서 첫 번째 경고는 다음과 같습니다.

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

우리는 우리가 한 일을 확인하고 이 태그만으로 105개의 오류와 3개의 경고를 제거했음을 확인합니다! 이제 64개의 경고만 남았습니다. 하나씩 분해를 시작합시다.

경고: 스타일 요소의 type 속성은 필요하지 않으며 생략해야 합니다. 5행 1열; 5행 23열 /x-icon">↩↩↩↩↩A 이는 스타일 요소에 type 속성이 필요하지 않음을 의미합니다. 이는 중복입니다. 페이지에 이러한 설명이 두 개 있습니다. JavaScript에 대한 유사한 경고:

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

오류: CSS: background: linear-gradient 함수의 첫 번째 인수는 top이 아니라 to top이어야 합니다. 39행, 61열 0%,#E8E8E8 100%);↩ border-r 다음 오류는 linear-gradient의 첫 번째 인수가 top이 아니라 to top이어야 한다는 것입니다. 수정합시다. 다음 오류:

오류: CSS: 구문 분석 오류입니다. 65행 13열; 65행, 16열 margin: 0 auto;↩padd 여기에서 CSS가 잘못 주석 처리되었습니다. 이 줄만 제거하면 됩니다. 또는 /* 및 */를 다르게 주석 처리합니다. 저는 예전 방식대로 했습니다.

오류: CSS: @charset 및 @import 이외의 유효한 문 뒤에는 @import가 허용되지 않습니다. 88행, 74열 0,600,700,300);↩@import url(// 이제 가져오기 오류가 발생했습니다. 파일의 시작 그리고 그것은 사라질 것입니다.

오류: 요소 a의 속성 대상에 대한 잘못된 값 _blanck: 예약된 키워드 blanck가 사용되었습니다. 241행, 218열; 241행, 295열에 " 선행 밑줄 없이 제거합니다.

오류: 끝 태그 li이 보이지만 열린 요소가 있습니다. 379행, 2열; 379행 6열

↩ ↩↩