브라우저가 강제로 쿼크모드(Quirks Mode)로 인식 될때
쿼크모드(Quirks Mode:쿽스모드)는 구시대 웹 브라우저 버전에 맞추어서 개발된 웹페이지의 하위 호환성을 유지하기 위해 W3C나 IETF의 표준을 준수하는 표준모드가 아닌 방식으로 렌더링을 하는 기술모드를 지칭한다.
같은 태그라 하더라도, 브라우저마다 전혀 다른 결과를 표현하게 되므로, 크로스 브라우징에 방해가 된다.
쿼크모드로 동작하게 될 때는 대체로 DTD가 선언이 되어 있지 않거나, DTD를 잘못 선언했을 때 쿼크모드에 빠지게 된다.
| DTD의 종류 | IE6,7 | FF2 | OP9 | SF2 | |
|---|---|---|---|---|---|
| None | DTD가 없는 경우 | Q | Q | Q | Q |
| HTML 4.01 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> | Q | Q | Q | Q |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | A | A | A | A | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> | A | S | S | S | |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> | A | S | S | S | |
| XHTML 1.0 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | A | A | A | A |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> | A | S | S | S | |
DTD는 분명히 잘 선언이 되어 있는데도, 도무지 알 수 없는 이유로 쿼크모드에 빠지는 경우가 종종 있다.
내 생각에는 대체로 태그 코딩이 표준에 맞지 않게 되어 있을 때 작동하는 것이라고 심증이 간다.
시간이 급해서 일일이 웹표준에 위배된 태그를 찾기 힘들때는
임시 방편으로 메타태그로 랜더링 방식을 강제로 지정하여 쿼크모드를 제거해줄 수 있다.
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
Head에 저 메타태그 한 줄 이면. 끝.
그래도 제대로 표준대로 코딩합시다.
반응형
'it backup' 카테고리의 다른 글
| 웹접근성 품질인증기관 지정에 따른 미래창조과학부에서 선정한 웹접근성마크인증기관 (0) | 2015.08.01 |
|---|---|
| [CSS 크로스브라우징] 크롬과 사파리 테이블에서 col width %값 인식 버그 position:absolute 오류 (0) | 2015.07.27 |
| IE7에서 미친듯한 P태그 내의 텍스트 반복 버그 문제 (0) | 2015.07.18 |
| [웹표준/웹접근성] table css caption, legend, label, .hidden 안보이게 처리. (0) | 2015.07.07 |
| [웹 접근성] 메인 페이지와 동시에 열리는 팝업창의 접근성 문제 (0) | 2015.06.03 |
