본문 바로가기

[ programing ]/HTML + CSS

X-UA-Compatible, IE=Edge

X-UA Compatibel
IE8에서 새로이 추가된 기능이라고 한다. 해당 페이지의 렌더링 엔진을 설정할 수 있는 기능으로 이는 익스플로러의 버전에 따라서 렌더링 엔진이 다르기 때문이다. 구 버전의 IE를 기준으로 만들어진 웹페이지를 다른 버전의 IE가 접근 했을때 해당 브라우저의 렌더링이 달라져서 버그가 발생 할 수있다.

렌더링 모드를 지정해주면  웹 페이지의 버전에 맞춰서 렌더링 엔진이 작동한다. 예를들어 익스7버전으로 페이지가 최적화 되어 있을 경우 브라우져 렌더링 엔진을 7번에 맞춘다. 이를 위해 개발시 meta태그(X-UA-Compatible)를 사용해서 IE에 어떤 렌더링 엔진을 적용시킬것인지를 정한다.

IE의 렌더링 모드는 세 가지로


1. DOCTYPE에 의한 렌더링 모드를 지정하는 방법
2. HTTP 리스폰스 헤더를 이용한 방법
3. META태그ㅗ 렌더링 모드를 지정하는방법

 

아래에
META 태그로 렌더링 모드를 지정하는 방법이다.

예) <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />