브라우저가 자꾸 쿼크모드(Quirks Mode:관용모드)로 인식 될때 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

Posted by 낯선.공간
2015. 7. 21. 18:21
반응형

브라우저가 강제로 쿼크모드(Quirks Mode)로 인식 될때

쿼크모드(Quirks Mode:쿽스모드)는 구시대 웹 브라우저 버전에 맞추어서 개발된 웹페이지의 하위 호환성을 유지하기 위해 W3C나 IETF의 표준을 준수하는 표준모드가 아닌 방식으로 렌더링을 하는 기술모드를 지칭한다.

같은 태그라 하더라도, 브라우저마다 전혀 다른 결과를 표현하게 되므로, 크로스 브라우징에 방해가 된다.

쿼크모드로 동작하게 될 때는 대체로 DTD가 선언이 되어 있지 않거나, DTD를 잘못 선언했을 때 쿼크모드에 빠지게 된다.

Q : Quirks Mode (하위버전 렌더링 호환성 유지 모드)
A : Almost Standards Mode (표준에 준하는 모드)
S : Standards Mode (표준 준수 모드)
DTD의 종류IE6,7FF2OP9SF2
NoneDTD가 없는 경우QQQQ
HTML 4.01<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">QQQQ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">AAAA
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">ASSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">ASSS
XHTML 1.0<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">AAAA
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">ASSS

DTD는 분명히 잘 선언이 되어 있는데도, 도무지 알 수 없는 이유로 쿼크모드에 빠지는 경우가 종종 있다.

내 생각에는 대체로 태그 코딩이 표준에 맞지 않게 되어 있을 때 작동하는 것이라고 심증이 간다. 

시간이 급해서 일일이 웹표준에 위배된 태그를 찾기 힘들때는

임시 방편으로 메타태그로 랜더링 방식을 강제로 지정하여 쿼크모드를 제거해줄 수 있다.

<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>

Head에 저 메타태그 한 줄 이면. 끝.

그래도 제대로 표준대로 코딩합시다.


이 댓글을 비밀 댓글로