DOCTYPE 요소 정식버전의 상세설명_HTML/Xhtml_웹페이지 제작

1. 개요

이 글에서는 DOCTYPE 요소를 체계적으로 설명하는 동시에 많은 정보를 검증했습니다. 왜냐하면 인터넷에 있는 정보가 상대적으로 지저분하기 때문에 이를 수집하고 정리한 후 다시 정의한 것입니다. 예를 들어 DOCTYPE의 정의입니다. 요소는 주로 기본 지식과 고급 지식으로 구분됩니다. 기본 지식은 기본 DOCTYPE 지식을 설명하며 주로 일부 실무 응용 기술을 제공합니다.

2. 정의

DOCTYPE은 Document Type의 약어입니다. 요소는 페이지의 DTD(Document Type Declaration)를 선언하는 데 사용됩니다. 이 요소 선언은 문서의

Three.W3C 사양

W3C 사양의 올바른 번역은 W3C 권장 사항이어야 합니다. 많은 디자이너의 눈에는 W3C가 표준이지만 현재 W3C 사양의 HTML 사양과 XHTML 사양은 부분적으로만 이해되어 있습니다. HTML과 XHTML의 관계는 나중에 설명하겠습니다.

W3C HTML 사양 및 타임라인

사양

规范	推荐
HTML 3.2	1997年1月14日
HTML 4.0	1998年5月24日
HTML 4.01	1999年12月24日

권장

HTML 3.2<🎜><🎜>

<🎜>1997년 1월 14일 <🎜><🎜>

<🎜>HTML 4.0<🎜><🎜>

<🎜>1998년 5월 24일<🎜><🎜>

<🎜>HTML 4.01<🎜><🎜>

<🎜>1999년 12월 24일<🎜><🎜>

<🎜> <🎜>W3C XHTML 사양 및 타임라인<🎜> <🎜> <🎜>

사양	초안/제안	추천
XHTML 1.0		2000년 1월 26일
XHTML 1.0 개정		2002년 8월 1일
XHTML 1.1		2001년 5월 31일
XHTML 모듈		2001년 4월 10일
XHTML 모듈 1.1	2006년 7월 5일
XHTML 기본		2000년 12월 19일
XHTML 기본 1.1	2006년 7월 5일
XHTML 이벤트		2003년 10월 14일
XHTML 이벤트 2	2007년 2월 16일
XHTML 인쇄		2006년 9월 20일
XHTML 미디어 유형	2002년 8월 1일
XForms 1.0		2003년 10월 14일
XForms 1.0(SE)		2006년 3월 14일
XForms 1.1	2007년 2월 22일
XHTML 2.0	2006년 7월 26일
XLink		2001년 6월 27일
H링크	2002년 9월 13일

<🎜> <🎜> <🎜>

​​

XHTML은 최신 HTML 사양이라고 할 수 있으며 HTML 4.01에서 원활하게 마이그레이션할 수 있는 XML 애플리케이션입니다. HTML 4.01을 XML로 리팩토링하는 W3C의 첫 번째 단계는 XHTML 1.0의 탄생으로 이어졌습니다. XHTML 1.0은 HTML 4.01 태그가 제공하는 의미를 따릅니다.

4. 사양 및 DTD

페이지 파일은 요소를 통해 다양한 DTD를 선언하여 현재 페이지가 어떤 HTML 또는 XHTML 사양을 준수하는지 알려줍니다. 다음은 HTML4.01 및 XHTML1.0 사양과 관련된 DTD입니다.

HTML

HTML 4.01은 Strict, Transitional 및 Frameset의 세 가지 문서 유형을 지정합니다.

HTML 엄격한 DTD

프리젠테이션 레이어를 깔끔하게 정리하고 마크업해야 하는 경우 이 유형을 사용하세요. CSS(Cascading Style Sheets)와 함께 사용하세요:

http://www.w3.org/TR/html4/strict.dtd ">

HTML 전환 DTD

전환 DTD에는 W3C가 스타일 시트로 이동할 것으로 예상하는 렌더링 속성과 요소가 포함될 수 있습니다. 독자가 CSS(Cascading Style Sheets)를 지원하지 않는 브라우저를 사용하고 있고 HTML의 렌더링 기능을 사용해야 하는 경우 이 유형을 사용하십시오.

http://www.w3.org/TR/html4/loose. dtd">

프레임셋 DTD

프레임세트 DTD는 프레임이 있는 문서에 사용해야 합니다. 프레임셋 DTD는 프레임셋 요소가 본문 요소를 대체한다는 점을 제외하면 전환 DTD와 동일합니다.

http://www.w3.org/TR/html4/frameset. dtd">

XHTML

XHTML 1.0은 Strict, Transitional 및 Frameset의 세 가지 XML 문서 유형을 지정합니다.

XHTML 엄격한 DTD

프리젠테이션 레이어를 깔끔하게 정리하고 마크업해야 하는 경우 이 유형을 사용하세요. CSS(Cascading Style Sheets)와 함께 사용하세요:

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-strict.dtd">

XHTML 전환 DTD

전환 DTD에는 W3C가 스타일 시트로 이동할 것으로 예상하는 렌더링 속성과 요소가 포함될 수 있습니다. 독자가 CSS(Cascading Style Sheets)를 지원하지 않는 브라우저를 사용하고 XHTML의 렌더링 기능을 사용해야 하는 경우 이 유형을 사용하십시오.

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd">

XHTML 프레임세트 DTD

프레임워크를 사용하고 싶다면 이 DTD를 사용하세요!

PUBLIC "-//W3C//DTD XHTML 1.0 프레임셋//EN"
"http://www.w3.org/TR/xhtml1 /DTD/xhtml1-frameset.dtd">

5.DOCTYPE 요소 구문

문법

HTML 최상위 요소 가용성 "등록//조직//태그 유형//정의 언어" "URL"

구문요소 설명

최상위 요소: DTD에 선언된 최상위 요소의 유형을 지정합니다. 이는 선언된 SGML 문서 유형에 해당합니다. 기본값은 HTML입니다.

가용성: FPI(정식 공개 식별자)가 공개적으로 액세스 가능한 개체인지 시스템 리소스인지 여부를 지정합니다. 값은 기본적으로 PUBLIC 또는 SYSTEM.PUBLIC일 수 있습니다. 공개적으로 액세스할 수 있는 개체를 나타냅니다. SYSTEM은 로컬 파일이나 URL과 같은 시스템 리소스를 나타냅니다.

등록: 조직이 국제 표준화 기구(ISO)에 등록되었는지 여부를 지정합니다.

이 기본값으로, 기관명이 등록되었음을 나타냅니다.

- 기관명이 등록되지 않았음을 나타냅니다. IETF(Internet Engineering Task Force) 및 W3C(World Wide Web Consortium)는 등록된 ISO 조직이 아닙니다.

조직: !DOCTYPE 선언에서 참조하는 DTD의 생성 및 유지 관리를 담당하는 그룹 또는 조직의 이름(예: OwnerID)을 지정합니다. IETF는 IETF입니다. W3C는 W3C이다.

유형: 공개 텍스트 클래스, 즉 참조되는 개체의 유형을 지정합니다. 기본값은 DTD입니다.

태그: 공개 텍스트 설명, 즉 참조되는 공개 텍스트에 대한 고유한 설명 이름을 지정합니다. 버전 번호는 뒷면에 부착될 수 있습니다. 기본값은 HTML입니다.

정의: 문서 유형 정의를 지정합니다.

프레임셋 프레임셋 문서.

Strict는 스타일 시트가 이미 잘 확립되어 있기 때문에 W3C 전문가가 단계적으로 폐지하고자 하는 모든 대표적인 속성과 요소를 제외합니다.

Transitional에는 FrameSet 요소를 제외한 모든 콘텐츠가 포함됩니다.

언어: 참조된 개체를 만드는 데 사용되는 자연어 인코딩 시스템인 공용 텍스트 언어를 지정합니다. 언어 정의는 ISO 639 언어 코드(대문자 두 글자)로 작성되었습니다. EN 기본값. 영어.

URL: 참조된 개체의 위치를 ​​지정합니다.

6. 도구 확인

페이지 콘텐츠가 DOCTYPE에 선언된 표준을 준수하는지 확인하려면 W3C에서 제공하는 확인 도구를 사용할 수 있습니다.

http://validator.w3.org/

Seven.DOCTYPE 전환

최신 브라우저에는 W3C 표준을 준수하는 웹페이지와 이전 브라우저용으로 설계된 웹페이지를 모두 지원하도록 설계된 다양한 렌더링 모드가 포함되어 있습니다. 그 중 표준 모드(즉, 엄격한 렌더링 모드)는 최신 표준을 준수하는 웹 페이지를 렌더링하는 데 사용되는 반면, Quirks(포함) 모드(즉, 느슨한 렌더링 모드 또는 호환성 모드)는 디자인된 웹 페이지를 렌더링하는 데 사용됩니다. 기존 브라우저의 경우. 또한 Mozilla/Netscape 6에는 이전 버전의 표준용으로 설계된 웹 페이지를 지원하기 위해 새로운 Almost Standards 모드가 추가되었습니다.

​

이론적으로는 매우 직관적인 스위치여야 합니다. 페이지의 요소가 페이지가 표준(예: XHTML1.0)을 준수함을 나타내는 경우 브라우저는 표준 모드로 전환됩니다. doctype이 지정되지 않거나 HTML 3.2 이하가 지정된 경우 브라우저는 Quirks 모드로 전환됩니다. 이런 방식으로 브라우저는 오래된 비표준 웹 페이지를 완전히 버리지 않고도 표준을 준수하는 문서를 올바르게 표시할 수 있습니다. 그러나 다음과 같은 상황도 있습니다.

1. URL 또는 상대 URL이 누락되었습니다

전체 doctype 선언에 해당 DTD(문서 유형 정의) 파일의 URL을 포함합니다. URL이 없거나 상대 경로가 지정된 경우(정규화된 인터넷 주소가 아닌) 대부분의 브라우저는 doctype 선언에 지정된 모드에 관계없이 Quirks 모드로 들어갑니다.

2. 잘못된 문서 유형

브라우저는 문서 유형 선언의 형식과 형식에 매우 민감합니다. 잘못된 형식의 문서 유형을 인식할 수 없으면 강제로 Quirks 모드로 전환됩니다(알고 있는 올바른 문서 유형을 복사하여 문서에 붙여넣는 것이 좋습니다. 직접 입력하지 않음). 잘못된 문서 유형이 발생하는 일반적인 이유는 문서 유형의 첫 번째 부분과 URL 사이에 공백이 없기 때문입니다. 두 줄의 문서 유형을 한 줄로 접으면 공간이 없어지는 경우가 많습니다.

3. 전환 문서 유형

브라우저가 전환 문서 유형을 처리할 때 불일치가 발생할 가능성이 가장 높습니다. IE와 Opera는 표준 모드를 ​​사용하고, Netscape 6 및 이전 버전의 Safari는 Quirks 모드를 사용합니다. Netscape 7, Mozilla 1 및 최신 버전의 Safari는 표준 모드의 내결함성 버전인 Netscape의 Almost Standards 모드를 사용합니다.

4.알 수 없는 문서 유형

브라우저가 인식할 수 없는 문서 유형을 처리하는 방식에도 일관성이 없습니다. IE와 Opera는 표준 모드로 전환됩니다. 즉, 인식할 수 없는 문서 유형이 아직 브라우저에 통합되지 않은 새로운 표준이라고 가정합니다. 반면 Netscape 6은 인식할 수 없는 문서 유형을 발견하면 Quirks 모드로 전환합니다.

​

문서 유형 전환은 다양한 브라우저의 불일치를 확인하고 다양한 문제를 사전에 방지할 수 있다면 브라우저를 올바른 렌더링 모드로 전환하고 웹 페이지를 올바르게 표시하는 효과적인 방법이 될 수 있습니다.  

8. XHTML 사용 팁

1. 위의 DOCTYPE 선언 바로 뒤에는 다음과 같이 향상된 요소에 배치된 XHTML 네임스페이스 선언이 있습니다.

"> ​ 2. XHTML 1.0 페이지는 합법적인 XML 문서이고 XML은 태그와 속성의 대소문자를 구분하므로 단순함을 위해 XHTML 1.0 페이지의 모든 태그와 속성은 소문자를 사용해야 합니다.

HTML Tidy(http://tidy.sourceforge.net/

)와 같은 일부 무료 도구를 사용하면 태그와 속성을 소문자로 자동 변환할 수 있습니다.

​ 3. 요소를 추가하여 페이지에 사용되는 언어를 선언합니다.

​

4. XHTML에서는 모든 속성을 인용해야 합니다.

HTML Tidy(http://tidy.sourceforge.net/

)와 같은 일부 무료 도구를 사용하면 모든 속성에 자동으로 따옴표를 추가할 수 있습니다.

​ 5. XHTML에서는 모든 속성에 값이 있어야 합니다.

은 HTML 4.0처럼 작성할 수 없습니다.

은 다음과 같이 작성해야 합니다.

​

6. XHTML에서는 모든 태그를 닫아야 합니다.

태그를 닫는 방법에는 두 가지가 있습니다. 내용이 포함된 태그는 닫는 태그로 닫히고, 빈 태그 뒤에는 공백과 "/"가 옵니다. 예:

이것은 허용되는 HTML이며 유효한 XHTML이기도 합니다.

7. 댓글 내용에 '--'를 사용하지 마세요.

"--"는 XHTML 주석의 시작과 끝에만 사용할 수 있으며, 주석 내용에는 사용할 수 없습니다. 다음 작성 방법은 허용되지 않습니다.

8. 모든 특수 기호를 HTML로 인코딩합니다.

W3C의 XHTML/CSS/DOM의 세 가지 사양은 완전하고 엄격한 시스템을 형성합니다. 나는 이 세 가지 사양을 웹 세계의 "삼위일체의 화신"이라고 부릅니다. 이 세 가지 사양은 각각 웹 페이지의 구조, 표현 및 동작을 나타냅니다. 웹 페이지를 세 개의 레이어로 엄격하게 나누고 각 레이어의 콘텐츠를 서로 독립적으로 만들려고 하면 페이지의 재사용성과 모듈성을 향상시키고 페이지 제작, 유지 관리 및 수정 비용을 크게 줄일 수 있습니다. 위의 계층화된 목표를 달성하려면 구조 관련 마크업(요소 및 속성)만 포함하도록 XHTML을 작성해야 합니다. 따라서 엄격한 유형의 DTD 사용에 익숙해지고 가능한 한 빨리 표현적 의미가 있는 태그를 폐기해야 합니다(이러한 태그는 HTML 4.0 사양에서 더 이상 사용되지 않음, 즉 "사용되지 않음"으로 표시되며 향후 버전에서는 완전히 폐기됩니다). of XHTML); 가능한 한 빨리 기존의 테이블 기반 레이아웃 방식을 버리고 완전한 CSS 레이아웃을 채택하세요.

9. XHTML 관련 도서 추천

Chuck Musciano와 Bill Kennedy가 저술한 HTML 및 XHTML에 대한 최종 가이드.

Chelsea Valentine과 Chris Minnick의 "XHTML 튜토리얼".

Jeffrey Zeldman의 "웹사이트 리팩토링".

저자: Zhang Ziqiu 출처: http://www.cnblogs.com/zhangziqiu/