Web

IE 렌더링 모드

알콜뭉뭉이 2017. 5. 25. 07:32
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.

IE의 렌더링은 3가지 방법에 의해 적용

1. Doctype

DOCTYPE 선언URL 표기 유무랜더링 모드
DOCTYPE 없음n/aIE6이하
HTML (Version 지정 없음)IE6이하
HTML 2.0IE6이하
HTML 3.0IE6이하
HTML 4.0IE8
HTML 4.0 FramesetURL 있음IE8
URL 없음IE6이하
HTML 4.0 TransitionalURL 있음IE8
URL 없음IE6이하
HTML4.0 Strictn/aIE8
XHTMLIE8
Unrecongnized DOCTYPEIE8



2. Http 리스폰스 헤더


3. Meta 태그

레이아웃 모드모드값
IE6 이하IE=5
IE7IE=7
IE8IE=8
무조건 최신IE=edge

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

IE=5 : 관용모드(quirks mode)로 지정된 DOCTYPE에 상관없이 IE5 렌더링 방식이 사용됩니다.
IE=7 : IE7 표준모드로 지정된 DOCTYPE에 상관없이 IE7 표준 모드 렌더링 방식이 사용됩니다.
IE=EmulateIE7 : IE7 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE7 표준모드나 관용모드로 렌더링됩니다.
IE=8 : IE8 표준모드로 지정된 DOCTYPE에 상관없이 IE8 표준모드로 렌더링됩니다 .
IE=EmulateIE8 : IE8 에뮬레이션 모드로 지정된 DOCTYPE에 따라 IE8 표준모드나 관용모드로 렌더링됩니다.
IE=edge : 최신모드로 지정된 DOCTYPE에 상관없이 IE8 이상 버전에서 항상 최신 표준 모드로 렌더링됩니다.

IE 11에 최적화는 아래와 같이 Emulate 를 사용해보세요.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=EmulateIE9, IE=EDGE" />


참고자료
http://hsmtree.kr/t/205 
http://webdir.tistory.com/38 
http://beyondiweb.com/tutorials/compatibility-for-ie11/ 
http://stackoverflow.com/questions/3413629/emulate-ie7-for-ie8-but-not-for-ie9-using-x-ua-compatible