Quirks Mode는 웹 페이지 첫줄에 문서형선언(DOCTYPE)이 자리잡고 있지 않을 때, 브라우저가 알아서 페이지를 로드해 주는 방식입니다.
대부분의 웹 브라우저는 Quriks Mode와 Strict Mode의 두가지 렌더링 모드를 가지고 있습니다.
웹 브라우저 렌더링은 표준으로(혹은 표준과 가깝게) 개선되어가고 있지만, 표준을 전혀 따르지 못하고 있는 웹 페지이들은 최신버전의 브라우저에서 깨져 보이게 되는데, 웹 페이지를 깨지지 않게 해주기 위해 Quriks Mode가 작동하여, 어느 정도 페이지를 탄탄히 받혀주게 됩니다.
각 브라우저 별 DOCTYPE에 따른 Quirks Mode 안내입니다.
<표를 보는 방법>
Q/Quirks Mode(하위버전 렌더링 호환성 유지 모드)
A/Almost Standards Mode(표준에 가깝게 보여주는 모드)
S/Standards Mode(표준 준수 모드)
|
DocType(문서형 선언) |
FF3/Saf |
IE 6&7 |
Opera9 | |
|
미 선언시 |
NONE |
Q |
Q |
Q |
|
XHTML |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
A |
A |
A |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
S |
A |
S | |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> |
S |
A |
S | |
여기서, Quirks Mode 로 작동한다고 해도, 모든 브라우저에서 똑같이 출력되는 것은 아닙니다. 각 브라우저별로, Quirks Mode 작동 방식이 다르기 때문에, IE와, FF, Saf, Op 등 각 브라우저에서 다르게 출력됩니다. IE에서 제대로 보이던 웹페이지가, FF나 OP에서 볼때 망가질대로 망가져서 출력되는 경우를 예로 들 수 있겠네요.
이제, 적어도 Cross Browsing(크로스 브라우징)을 유지하려면, 위에서 권장하고 있는 XHTML 문서형 선언(DOCTYPE)을 문서 첫줄에 작성하시는것이 좋겠죠!
