IE 렌더링 모드 > 기술자료

• 목록
• 게시판 리스트 옵션
  • 검색

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

1. Doctype

DOCTYPE 선언	URL 표기 유무	랜더링 모드
DOCTYPE 없음	n/a	IE6이하
HTML (Version 지정 없음)		IE6이하
HTML 2.0		IE6이하
HTML 3.0		IE6이하
HTML 4.0		IE8
HTML 4.0 Frameset	URL 있음	IE8
	URL 없음	IE6이하
HTML 4.0 Transitional	URL 있음	IE8
	URL 없음	IE6이하
HTML4.0 Strict	n/a	IE8
XHTML		IE8
Unrecongnized DOCTYPE		IE8

2. Http 리스폰스 헤더


3. Meta 태그

레이아웃 모드	모드값
IE6 이하	IE=5
IE7	IE=7
IE8	IE=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