[ HTML ] IE 문서모드 관련

<meta http-equiv="X-UA-Compatible" content="옵션" />

해당 소스는 IE8이 나오면서 생긴 문서 모드 변경하는 법이다.

옵션

1.버전별로 할 수 있으며 IE5~IE10까지는 가능하다.

2.Emulate라는 속성이있는데 에뮬레이션 모드로 지정된 DOCTYPE 에 따라 표준모드나 관용모드로 렌더링 되는 옵션이다.

3.Edge 라는 속성은 DOCTYPE에 상관없이 IE8 이상 버전에서 최신 표준 모드로 렌더링 되는 옵션이다.

예)
<meta http-equiv="X-UA-Compatible" content="IE=8;" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;" />

하지만 새로나온 IE 11에서는 사용이 불가하다

IE11이되면서 콘솔창에 'navigator.userAgent' 명령어를 쳐서 보면 예전에 IE이라면 'MSIE'라는게 있었지만

11부터는 호환가능("compatible") 및 브라우저("MSIE")토큰이 제거가 되면서 rv라는게 생겼다.

앞으로 익스플로러 새로 나올때   rv:11.0  처럼 rv:12.0 이런 식으로 나올듯 싶다.

스크립트에서 익스 찾을때 MSIE로 정규표현식을 쓴 프로젝트들이 있다면 발 빠르게 바꾸는것이 좋을 거 같다.


<!--[if lt IE 9]>

<![endif]-->

이거와 같이 html 에서 IE 이상 또는 이하일때 파일을 갖고오는것을 썼는데 11부터는 IE를 RV로 고쳐서 쓰면된다

<!--[if lt RV 11]>

<![endif]-->
[출처] IE 문서모드 관련|작성자 myrkh1213




그런데 IE8에서는 IE8 엔진을, IE9 이상 버전의 브라우저에서는 IE9 엔진을 적용하도록 개발하고 싶다면 태그를 어떻게 작성해야할까? 아래와 같이 한다.
 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8,IE=EmulateIE9"/> 
 
위 태그 중 "IE=EmulateIE8,IE=EmulateIE9"의 순서를 바꾸어 "IE=EmulateIE9,IE=EmulateIE8" 이렇게 하면 제대로 작동하지 않는다.
[출처] IE 호환성 보기 설정 : X-UA-Compatible|작성자 파랑새