HTML5 문서 검증 - SitePoint

html5 확인 : 코드를 단순화하고 웹 페이지의 품질을 향상시킵니다.

키 포인트

HTML5 검증은 요소의 올바른 사용, 속성 값의 정확도 및 코드 스타일이 아닌 필요한 속성의 무결성에 더 중점을 둡니다. 태그가 HTML5 사양을 준수하도록하는 것이 여전히 유용한 도구입니다.

옵션 요소 및 속성, 사례 무감각성 및 이전의 더 이상 사용되지 않은 요소의 효과를 포함하여 XHTML과 HTML5 검증간에 많은 차이가 있습니다. HTML5 프로젝트 전체에서 스타일을 선택하고 일관성을 유지하는 것이 좋습니다. HTML5 검증은 웹 페이지가 브라우저에서 올바르게 형식화되고 해석되도록하는 데 중요합니다. 따라서 성능을 향상시키고 오류를 줄이고 접근성을 향상시킵니다. HTML5 검증에 사용할 수있는 다양한 온라인 및 오프라인 도구가 있으며, 더 엄격한 가이드 라인을 준수하려는 사람들은 엄격한 검증 도구를 사용할 수 있습니다.

(다음은 Alexis Goldstein, Louis Lazaris 및 Estelle Weyl이 공동 저술 한 책 "실제 세계를위한 html5 & css3, Real World, 2nd Edition"이라는 책에서 발췌 한 것입니다.이 책은 전 세계 상점에서 구입할 수 있습니다. 여기에서 찾을 수 있습니다 이전 장에서는 HTML5에서 일부 구문 변경을 도입하고 일부 검증 관련 문제를 해결했습니다. 페이지 검증 방법의 변경 사항을 더 잘 이해할 수 있도록 이러한 개념을보다 자세히 확장하겠습니다.
• HTML5 유효성 검사기는 더 이상 코드 스타일에 중점을 두지 않습니다. 대문자 또는 소문자를 사용하고 속성에서 따옴표를 생략하고 선택적 폐쇄 태그를 제외하고 임의로 일관성이 없을 수 있습니다. 페이지가 여전히 유효합니다.
그렇다면 HTML5 유효성 검사기 오류로 간주되는 것은 무엇입니까? 요소의 잘못 사용, 포함되지 않아야 할 요소, 필요한 속성 누락, 잘못된 속성 값 등을 상기시켜줍니다. 요컨대, 유효성 검사기는 태그가 사양과 충돌하는지 알려주므로 페이지를 개발할 때 여전히 귀중한 도구입니다.
• html5가 지나치게 엄격한 XHTML과 어떻게 다른지에 대한 아이디어를 제공하려면 몇 가지 세부 사항을 살펴 보겠습니다. 이렇게하면 HTML5에서 유효한 것으로 간주되는 것을 이해할 수 있습니다. XHTML 기반 구문에서 XHTML에 필요한 일부 요소는 HTML5와 같은 HTML5를 통과 할 수 있도록 HTML5에서 더 이상 필요하지 않습니다. 이는 제외하더라도 브라우저에 자동으로 문서에 포함되기 때문입니다.
빈 요소 (즉, 해당 폐쇄 태그가없는 요소)는 닫힌 슬래시로 닫을 필요가 없습니다.
• 요소 및 속성은 대문자, 소문자 또는 혼합 케이스 일 수 있습니다.
속성 값 주변에는 따옴표가 필요하지 않습니다. 예외는 여러 공간 분리 된 값을 사용하거나 URL이 값으로 표시되며 동일한 부호 (=) 문자의 쿼리 문자열을 포함합니다.
• XHTML 기반 구문에서 XHTML에 필요한 일부 속성은 더 이상 HTML5에서 필요하지 않습니다. 예를 들어, 스크립트 요소의 유형 속성과 HTML 요소의 XMLNS 속성입니다.
XHTML에서 더 이상 사용되지 않는 일부 요소는 이제 유효합니다.
• 요소에 나타나지 않지만 신체 요소에 직접 배치되는 직선 텍스트는 XHTML 문서를 무효화합니다.
XHTML에서 닫아야하는 일부 요소는 p, li 및 dt와 같은 유효성 검사 오류를 일으키지 않으면 서 html5에서 닫을 수 없습니다.
• 형태 요소에는 작업 속성이 필요하지 않습니다.
양식 요소 (예 : 입력)는 양식 요소 (예 : 필드 셋 또는 div)의 직접 자식으로 사용될 수 있습니다.
• TextArea 요소에는 행과 COL 속성이 필요하지 않습니다.
링크의 대상 속성은 이전에 XHTML에서 더 이상 사용되지 않았습니다. 이제 HTML5에서 유효합니다.
• 이 장의 앞부분에서 논의한 바와 같이, 블록 레벨 요소는 링크 (a) 요소 내에 배치 될 수 있습니다.
& 문자 (&)가 페이지에 텍스트로 표시되면 &로 인코딩 할 필요가 없습니다.
이것은 XHTML Strict Schema와 HTML5 검증 간의 차이의 상당히 포괄적 인 (철저하지는 않지만) 목록입니다. 일부는 스타일 선택이므로 스타일을 선택하고 일관성을 유지하도록 권장합니다. 우리는 이전 장에서 선호하는 스타일 선택 중 일부를 간략하게 설명했으며 이러한 제안을 자신의 HTML5 프로젝트에 통합 할 수 있습니다.
• 참고 : 더 엄격한 검증 도구
문법 스타일의 태그 스타일을 확인하기 위해 더 엄격한 가이드 라인을 사용하려면 도움을주기 위해 사용할 수있는 몇 가지 도구가 있습니다. 이 도구 중 하나는 Philip Walton의 HTML 검사관입니다. 이를 사용하려면 개발 단계에서 페이지에 스크립트를 포함시킨 다음 개발자 도구에서 브라우저의 JavaScript 콘솔을 열고 명령 htmlinspector.inspect ()를 실행할 수 있습니다. 이것은 콘솔에 많은 경고와 제안을 직접 표시하여 마크 업을 개선하는 방법을 설명합니다. HTML Inspector를 사용하면 필요에 따라 도구를 사용자 정의하기 위해 구성을 변경할 수 있습니다.
• 요약
• 지금까지, 우리는 HTML5의 거의 모든 새로운 시맨틱 및 구문 변화에 대해 배웠습니다. 이 정보 중 일부는 처음에는 소화하기 어려울 수 있지만 걱정하지 마십시오! HTML5에 익숙해지는 가장 좋은 방법은 다음 프로젝트부터 시작하는 것입니다. 이전 장에서 소개 한 일부 구조 요소 또는이 장에서 본 텍스트 수준 의미 중 일부를 사용해보십시오. 요소가 무엇인지 확실하지 않으면 돌아가서 해당 섹션에 대해 읽거나 더 나은 것은 사양 자체를 읽으십시오. 언어는이 책의 텍스트보다 확실히 지루하지만 (적어도 우리는 그렇게 희망합니다!), 사양은 주어진 요소의 의도 된 사용을 더 잘 설명 할 수 있습니다. HTML5 사양은 아직 개발 중이므로 우리가 다루는 컨텐츠 중 일부는 새로운 HTML5.1 버전 (또는 Whatwg의 정의를 따르는 경우 HTML5 "Dynamic Standard"에서 여전히 발생할 수 있습니다. 사양에는 항상 최신 정보가 포함됩니다.

  다음 장에서는 HTML5에 도입 된 주요 새로운 기능 : 양식 및 양식 관련 기능을 살펴 봅니다.

  html5 문서 검증 FAQ (FAQ)

  HTML5 검증이란 무엇이며 왜 중요한가? HTML5 사양의 공식 구문 규칙에 따라 웹 페이지 코드를 확인하는 프로세스입니다. 웹 페이지가 올바르게 형식화되어 브라우저에서 올바르게 해석 할 수 있으므로 매우 중요합니다. 이로 인해 성능이 향상되고 오류가 적고 장애가있는 사용자의 접근성이 향상됩니다. 또한 검색 엔진은 잘 구조화되고 오류없는 사이트를 선호하기 때문에 SEO에 도움이 될 수 있습니다. 내 html5 문서를 확인하는 방법은 무엇입니까?

  W3C 태그 확인 서비스와 같은 온라인 도구를 사용하여 HTML5 문서를 확인할 수 있습니다. 웹 페이지 URL을 입력하거나 HTML 파일을 업로드하면 도구가 HTML5 표준에 대해 확인하고 오류 또는 경고를보고합니다.

  가장 유효한 HTML5 문서는 무엇입니까?

  최소 유효한 HTML5 문서는 가장 간단한 HTML5 문서로, HTML5 사양에 의해 설정된 표준을 여전히 준수합니다. 문서 유형 선언, 루트 요소 (HTML), 헤드 요소 및 신체 요소가 포함됩니다.

  일반적인 HTML5 검증 오류는 무엇입니까?

  일반적인 HTML5 유효성 검사 오류에는 닫힌 태그 누락, 요소의 잘못된 둥지, 감가 상각 된 요소 또는 속성 사용, 문서 시작 부분에 문서 유형 선언을 포함하는 것을 잊어 버립니다.

  HTML5 검증 오류를 수정하는 방법은 무엇입니까?

  수정 HTML5 확인 오류에는 확인 도구에서 제공 한 오류 메시지를 기반으로 코드 수정이 포함됩니다. 여기에는 누락 된 태그 추가, 더 이상 사용되지 않은 요소 삭제 또는 교체 또는 요소 중첩 수정이 포함될 수 있습니다.

  HTML5 검증에서 문서 유형 선언의 역할은 무엇입니까?

  문서 유형 선언은 HTML5 문서의 첫 번째 줄로 브라우저에 어떤 HTML이 작성되었는지 알려줍니다. 브라우저 및 검증 도구가 나머지 코드를 올바르게 해석하는 데 도움이되기 때문에 확인에 중요합니다.

  CSS 및 JavaScript가 포함 된 HTML5 문서를 확인할 수 있습니까?

  예, CSS 및 JavaScript가 포함 된 HTML5 문서를 확인할 수 있습니다. 그러나 확인은 HTML 코드 만 확인합니다. CSS 및 JavaScript의 경우 별도의 검증 도구를 사용해야합니다.

  html5 유효성 검사기를 사용하면 어떤 장점이 있습니까?

  html5 유효성 검사기를 사용하면 오류가 문제를 일으키기 전에 오류를 수정하고 수정하는 데 도움이 될 수 있습니다. 웹 사이트의 성능, 접근성 및 검색 엔진 순위를 향상시킬 수 있습니다. 또한 HTML에 대해 더 많이 배우고 코딩 기술을 향상시키는 좋은 방법입니다.

  html5 문서를 오프라인으로 확인할 수 있습니까?

  예, html5 문서를 오프라인으로 확인할 수있는 도구가 있습니다. 이러한 도구에는 컴퓨터에 설치할 수있는 소프트웨어 응용 프로그램 및 명령 줄 도구가 포함됩니다.

  html5 검증과 HTML5 일관성 검사의 차이점은 무엇입니까?

  HTML5 사양에 따라 코드 구문을 확인하는 것입니다. 반면에 일관성 검사는 웹 페이지가 웹 디자인 및 접근성의 모범 사례를 따르고 구문을 정확하게하는 것입니다.

위 내용은 HTML5 문서 검증 - SitePoint의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!