doctype으로 브라우저 모드 활성화

현대 웹 브라우저는 웹 표준에 따라 작성된 웹 페이지와 1990년대 후반에 널리 퍼진 이전 관행에 따라 작성된 웹 페이지를 처리하기 위해 다양한 엔진 모드를 구현합니다. 이 문서에서는 이러한 패턴이 무엇이며 이를 트리거하는 방법을 설명합니다.

원문: Henri Sivonen 의 Doctype으로 브라우저 모드 활성화

문서 범위

이 문서에 포함된 모드 전환은 Firefox 및 기타 Gecko 기반 브라우저, Safari, Chrome 및 기타 Webkit 기반 브라우저, Opera, Konqueror, Mac용 Internet Explorer, Windows용 Internet Explorer 및 IE 내장 브라우저 장치에 적용됩니다. 브라우저 엔진의 이름을 언급하는 것을 피하고 대신 해당 엔진에 대해 가장 잘 알려진 브라우저의 이름을 사용하십시오.

이 문서에서는 각 모드의 정확한 동작을 문서화하기보다는 모드 선택 메커니즘에 중점을 둡니다.

모델

다양한 모드는 다음과 같습니다.

콘텐츠 유형이 text/html인 모드

text/html 콘텐츠에 대한 모드 선택은 문서 유형 스니핑에 따라 다릅니다( 이 기사의 뒷부분에서 설명 ). IE8에서는 모드가 다른 요인에 따라 달라집니다. 그러나 IE8에서는 기본적으로 Microsoft의 블랙리스트에 없는 비인트라넷 사이트의 모드가 문서 유형에 따라 다릅니다.

이 문서에서는 패턴의 정확한 동작이 동일하게 논의되지만 브라우저마다 패턴의 정확한 동작이 다르다는 점은 아무리 강조해도 지나치지 않습니다.

쿼크 모드

특수 모드에서 브라우저는 1990년대 후반에 널리 퍼졌던 이전 관행을 기반으로 생성된 페이지가 "손상되는" 페이지를 방지하기 위해 최신 웹 형식 지정 사양을 위반합니다. 다른 브라우저는 다른 특징을 구현합니다. Internet Explorer 6, 7, 8에서 특수 모드는 IE 5.5를 효과적으로 정지시킵니다. 다른 브라우저에서 쿼크 모드는 거의 표준 모드와 약간 다릅니다.

새 웹페이지를 만드는 경우 관련 사양(특히 CSS2.1)을 준수하고 표준 모드를 ​​사용해야 합니다.

표준 모드

표준 모드에서 브라우저는 주어진 브라우저에서 가능한 한 표준에 맞는 처리로 표준을 준수하는 문서를 제공하려고 시도합니다.

다양한 브라우저는 다양한 단계를 따르므로 표준 모드는 단일 목표가 아닙니다.

HTML5는 이 모드를 "특수 모드 없음"이라고 부릅니다.

거의 표준 모드

irefox, Safari, Chrome, Opera(7.5부터 시작) 및 IE8에도 "거의 표준 모드"라는 모드가 있습니다. 이 모드는 CSS2 사양을 엄격하게 따르지 않고 전통적인 방법에 따라 테이블 셀의 세로 크기를 구현합니다. Mac IE5, Windows IE6 및 7, Opera 7.5 이전 버전 및 Konqueror는 각각의 표준 모드에서 테이블 셀 세로 크기를 구현하기 위해 최소한 CSS2 사양을 엄격하게 따르지 않기 때문에 거의 표준 모드가 필요하지 않습니다. 실제로 표준 모드는 Mozilla의 표준 모드보다 Mozilla의 Almost Standards 모드에 더 가깝습니다.

HTML5는 이 모드를 "제한된 특수 모드"라고 부릅니다.

IE7 모드

IE8에는 IE7 표준 모드의 복사본을 고정하는 모드가 있습니다. 다른 브라우저에는 이와 같은 모드가 없으며 HTML5에서는 지정되지 않습니다.

컨텐츠 유형이 application/xhtml+xml인 모드(XML 모드)

Firefox, Safari, Chrome 및 Opera에서 application/xhtml+xml HTTP 콘텐츠 유형(메타 요소나 doctype이 아님!)은 XML 모드를 트리거합니다. XML 모드에서 브라우저는 브라우저에 지정된 범위 내에서 XML 문서 사양에 맞는 처리를 제공하려고 시도합니다.

E6, 7, 8은 application/xhtml+xml을 지원하지 않으며 Mac IE5도 지원하지 않습니다.

WebKit 기반 Nokia S60 브라우저에서 application/xhtml+xml HTTP 컨텐츠 유형은 XML 모드를 트리거할 수 없습니다. 모바일 월드 가든의 관심사는 비표준 컨텐츠와의 호환성이기 때문입니다. ( 이전 "모바일 브라우저"는 비표준 콘텐츠가 이미 XML로 태그 지정되어 있으므로 실제 XML 파서를 사용할 수 없습니다 .)

Konqueror를 충분히 테스트하지 않으면 이 브라우저에서 무슨 일이 일어날지 정확히 말할 수 없습니다.