XHTML 튜토리얼: Transitional과 Strict_HTML/Xhtml_Web 페이지 제작의 차이점

실제로 XHTML 1.0은 Transitional과 Strict DOCTYPE의 두 가지 유형(프레임셋 DOCTYPE을 추가하는 경우 세 가지 유형, 이 기사에서는 다루지 않음)으로 나뉩니다. 그리고 HTML 4.01에도 동일한 문서 설명이 있습니다.
오늘날 웹 표준을 홍보하는 과정에서 웹 표준을 옹호하는 사람들은 XHTML이 HTML보다 더 엄격하다고 말하는 경우가 많습니다. 물론 어떤 의미에서는 모든 태그를 닫고 모든 속성을 닫아야 합니다. 인용. 그러나 실제로 XHTML 1.0은 Transitional과 Strict DOCTYPE의 두 가지 유형(Frameset DOCTYPE을 추가하는 경우 세 가지 유형, 이 기사에서는 다루지 않음)으로 나뉩니다. 그리고 HTML 4.01에도 동일한 문서 설명이 있습니다.

문자 그대로 의미를 알 수 있습니다. Transitional DOCTYPE은 단지 이전 시대에서 새 시대로의 전환을 달성하기 위한 것이며 Strict DOCTYPE은 기본 문서 선언으로 매우 중요합니다. HTML 4.01 및 XHTML 1.0 구성이 가능합니다.
Transitional DOCTYPE을 사용하는 것은 일반적으로 코드에 오래된 작성 방법이 너무 많고 Strict DOCTYPE을 한 번에 완전히 변환하기 어렵기 때문입니다. 하지만 엄격한 DOCTYPE을 목표로 삼아야 합니다. 이는 프레젠테이션에서 구조를 분리하고 모든 프레젠테이션 레이어 코드를 CSS로 작성하도록 장려하고 때로는 강제하기도 합니다. HTML 4 문서 유형 정의:

이 HTML 4.01 Strict DTD에는 프리젠테이션 레이어 속성과 태그가 포함되어 있지 않습니다. W3C에서는 이러한 속성과 태그를 단계적으로 폐지하여 이를 달성할 수 있습니다. 프레젠테이션 속성 및 태그를 지원하려면 전환 DTD를 사용해야 합니다.

Strict DOCTYPE을 사용하면 브라우저가 가장 엄격하고 (어느 정도) 가장 표준을 준수하는 모드를 사용하여 페이지를 렌더링할 수 있다는 장점도 있습니다.
Tommy Olsson은 Web Standards Group의 Tommy Olsson에 대한 10가지 질문에서 Strict 사용의 이점을 매우 잘 설명합니다.

HTML 4.01 Strict이든 XHTML 1.0 Strict이든 Strict DTD를 사용하는 것이 HTML을 사용할지 XHTML을 사용할지 논의하는 것보다 훨씬 더 중요하다고 생각합니다. 이는 미래 인터넷의 품질을 나타냅니다. 구조와 표현을 분리하여 사이트 유지 관리를 매우 쉽게 만듭니다.

웹 표준을 처음 접하고 올바른 의미 구조를 사용하는 사람들에게는 Transitional DOCTYPE과 Strict DOCTYPE의 차이점을 이해하는 것이 중요합니다. 더 자세한 목록은 다음을 참조하세요: XHTML: 엄격함과 전환적 XHTML의 차이점, DTD에 따른 엄격함과 전환적 XHTML 및 XHTML1.0 요소 속성 비교.
Strict로 전환을 준비하는 분들에게는 개발자의 실수를 유발할 수 있는 두 가지 차이점이 있는데, 이에 대해서는 다음에 이야기하겠습니다. 엄격한 DOCTYPE에서는 태그가 지원되지 않습니다. 센터 세례반 아이프레임 스트라이크 유 엄격한 DOCTYPE에서는 지원되지 않는 속성 align(테이블 관련 지원: col, colgroup, tbody, td, tfoot, th, thead 및 tr) 언어 배경 bgcolor 테두리(테이블 지원) 높이(img 및 객체에서 지원) hspace 이름(HTML 4.01 Strict에서는 지원되고 XHTML 1.0 Strict에서는 form 및 img에서는 지원되지 않음) noshade 지금 랩 목표 텍스트, 링크, vlink 및 alink vspace 너비(img, object, table, col 및 colgroup이 지원됨) 콘텐츠 모델의 차이점
요소 유형의 콘텐츠 모델은 포함될 수 있는 요소 유형의 인스턴스를 설명합니다. 이 시점에서 두 문서 선언의 가장 큰 차이점은 blockquote, body 및 form 요소는 다음과 같은 블록 수준 요소만 포함할 수 있다는 것입니다. 텍스트와 이미지는 본문에 직접 포함할 수 없으며, p, div 등 블록 수준 요소에 포함되어야 합니다. 입력 요소는 양식 요소보다 한 수준 바로 아래에 있을 수 없습니다. blockquote 요소 내의 텍스트는 p 또는 div와 같은 블록 수준 요소에 포함되어야 합니다. 모든 성능을 CSS에 맡기고 엄격한 표준을 준수하세요.
Strict DOCTYPE으로 전환하는 과정에서는 각 요소가 어떻게 보이는지보다 각 요소가 무엇을 하는지 아는 것이 더 효과적입니다.
구조와 의미를 먼저 생각하고 성능에 대해서는 나중에 걱정하세요.