DOCTYPE HTML_HTML/Xhtml_webpage 제작을 사용하는 이유

이것이 없으면 브라우저는 페이지를 렌더링할 때 이상한 모드를 사용하게 됩니다. 각 브라우저는 이상한 모드에서 다양한 요소를 다르게 렌더링합니다. 따라서 다음과 같은 doctype을 작성합니다.

코드를 복사합니다.

코드는 다음과 같습니다.

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

다행히 요즘에는 다양한 웹 개발 도구들이 템플릿 코드 삽입을 지원할 만큼 강력하기 때문에 이렇게 길고 냄새나는 doctype 문자를 한 글자씩 입력할 필요가 없습니다. 하지만 지치셨다면 다음을 시도해 보세요.

코드 복사

코드는 다음과 같습니다. :

와, 정말 간단해요! 이점은 분명합니다. 1. 실수할 염려 없이 이 문서 유형을 쉽게 작성할 수 있습니다. 2. 일일 PV가 수천만에 달하는 사이트의 경우 약 105바이트의 문자를 절약할 수 있습니다. 3. 이전 버전과 호환됩니다. 예, html5의 doctype은 다음과 같이 작성되었으며 최신 브라우저에서는 이를 인식합니다.

당신이 나와 같고 항상 다음과 같이 생각했다면 dtd를 지정하지 않으면 브라우저의 이상한 모드가 열릴 것입니다 , 이 진술은 틀렸습니다! 정확한 설명은 doctype이 정의되지 않은 경우 이상한 모드가 켜진다는 것입니다. 즉, 브라우저가 doctype을 지정하지 않고 페이지를 엄격 모드(표준 모드)로 렌더링하도록 하려면 특정 유형의 dtd. 모든 브라우저에는 이상한 모드와 엄격 모드(표준 모드라고도 함)라는 두 가지 모드가 필요하다는 점을 검토해 보겠습니다. Windows/mac, Mozilla, Safari 및 Opera용 IE 6은 모두 이 두 가지 모드를 구현하지만 IE 6 이하 버전은 항상 이상한 모드에 있습니다. 두 가지 모드에 대해 알아야 할 몇 가지 사항은 다음과 같습니다.

1. 표준화 이전에 작성된 페이지에는 doctype이 없어서 doctype이 없는 페이지는 이상한 모드로 렌더링되었습니다.
2. 반면에 웹 개발자가 추가한 doctype이 자신이 해야 할 일을 알고 있다는 의미라면 대부분의 doctype은 엄격 모드(표준 모드)를 켜고 페이지는 표준에 따라 렌더링됩니다.
3. 새로운 문서 유형이나 알 수 없는 문서 유형은 엄격 모드(표준 모드)를 활성화합니다.
4. 모든 브라우저에는 이상한 모드를 활성화하는 고유한 방법이 있습니다. 다음 목록을 살펴보세요: http://hsivonen.iki.fi/doctype/

참고: 선택한 문서 유형에 대해 페이지의 유효성을 검사할 필요는 전혀 없습니다. 문서 유형 태그가 존재하는 한 엄격 모드(표준 모드)를 활성화하는 것으로 충분합니다. 제가 말한 내용에 여전히 의문이 있으시면 http://www.quirksmode.org/css/quirksmode.html#link2로 이동하여 알고 싶은 내용을 알아보세요. 답을 얻으려면 짧은 JavaScript 코드만 있으면 됩니다.

코드 복사

코드는 다음과 같습니다. 다음과 같습니다:

mode=document.compatMode

이 코드를 사용하면 현재 브라우저가 이상한 모드인지 표준 모드인지 확인할 수 있습니다. 의심스러운 경우 http://www. quirksmode.org/dom /w3c_html.html#t11. 테스트하려는 브라우저에서 http://wanz.im/demo/doctype-test.html을 방문하면 결과를 확인할 수 있습니다. 제가 아는 한 이 기능은 활성화되어 있지 않습니다. . 이상한 모드, ie6에서도 새로운 발견이 있으면 메시지를 남겨주세요.