웹 표준을 사용하여 웹사이트를 구축하는 첫 번째 날: 어떤 DOCTYPE을 선택해야 할까요?

첫날

표준에 맞는 사이트를 만들기 시작하면 가장 먼저 해야 할 일은 요구 사항에 맞는 DOCTYPE을 선언하는 것입니다.

이 웹사이트 홈페이지의 원본 코드를 보면 첫 번째 줄이

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

유명 웹사이트 등 표준을 충족하는 일부 사이트를 엽니다. 디자인 소프트웨어 개발자 Macromedia, Design Master Zeldman의 개인 웹사이트에서도 동일한 코드를 찾을 수 있습니다. 다른 표준 준수 사이트(예: k10k.net)의 코드는 다음과 같습니다.

　그럼 이 코드는 무엇을 의미하나요? 꼭 배치해야 하나요?

　DOCTYPE이란

　위의 코드를 DOCTYPE문이라고 부릅니다. DOCTYPE은 문서 유형의 약어이며 사용 중인 XHTML 또는 HTML 버전을 나타내는 데 사용됩니다.

DTD(예: 위 예의 xhtml1-transitional.dtd)는 문서 유형 정의라고 하며, 여기에는 문서의 규칙이 포함되어 있습니다. 브라우저는 DTD를 기반으로 페이지의 ID를 해석합니다. 정의하고 표시합니다.

표준을 준수하는 웹 페이지를 구축하려면 DOCTYPE 선언이 필수적이고 중요한 구성 요소입니다. XHTML이 올바른 DOCTYPE을 결정하지 않으면 로고와 CSS가 적용되지 않습니다.

xhtml 작성 방법). 전체 코드는 다음과 같습니다.

"http://www.w3.org/TR/ xhtml1/DTD /xhtml1-transitional.dtd">

엄격: 엄격한 DTD의 경우
과 같은 프레젠테이션 계층 식별자 및 속성을 사용할 수 없습니다. 전체 코드는 다음과 같습니다.

프레임세트: 프레임 페이지용으로 특별히 설계된 DTD. 페이지에 프레임이 포함되어 있으면 이 DTD를 사용해야 합니다. 전체 코드는 다음과 같습니다.

어떤 종류의 DOCTYPE을 선택합니까?

이상적인 상황은 물론 엄격한 DTD이지만 웹 표준을 처음 접하는 대부분의 디자이너에게는 , 전환 DTD(XHTML 1.0 Transitional)가 현재 이상적인 선택입니다(전환 DTD도 사용하는 이 사이트 포함). 또한 이 DTD를 사용하면 프리젠테이션 계층 식별자, 요소 및 속성을 사용할 수 있으므로 W3C 코드 확인을 통과하는 것도 더 쉽습니다.

참고: 위에 언급된 "프리젠테이션 레이어의 식별 및 속성"은 조판용 테이블, 배경색 식별 등과 같이 순수하게 성능을 제어하는 ​​데 사용되는 태그를 나타냅니다. XHTML에서 태그는 표현을 달성하기 위한 것이 아니라 구조를 표현하기 위해 사용됩니다. 우리 전환의 목적은 궁극적으로 데이터와 표현을 분리하는 것입니다.

예: 마네킹이 옷을 갈아입습니다. 모델은 데이터와 같고, 옷은 표현의 형태입니다. 모델과 옷이 분리되어 있어 마음대로 옷을 갈아입을 수 있습니다. 원본 HTML4에서는 데이터와 프리젠테이션이 혼합되어 있어 프리젠테이션 형식을 한 번에 바꾸는 것이 매우 어려웠습니다. 하하, 조금 추상적이네요. 이 개념은 지원 과정에서 점차적으로 이해되어야 합니다.

보충

DOCTYPE 선언은 모든 XHTML 문서의 상단, 모든 코드 및 마크업 위에 배치되어야 합니다.

자세한 사항은 W3C 홈페이지를 참고해주세요

위 내용은 웹 표준을 활용한 웹사이트 구축 첫날입니다. 어떤 DOCTYPE을 선택해야 하는지 더 많은 관련 내용을 확인하시기 바랍니다. PHP 중국어 홈페이지(www.php.cn)!