IE 호환성보기 차이점

IE8이 등장하면서 새로운 기능 한가지를 추가했습니다. 바로 호환성 보기인데 주소표시줄 옆에 있는 아이콘을 눌러 보신 분도 계실꺼라 생각합니다. 이는 구 버전의 IE를 기준으로 만들어진 웹문서를 IE8이 접근했을때 사용하기 위한 모드인데 브라우저는 버전업이 될때마다 그 이전 버전의 버그픽스 및 표준화에 동참하기 때문입니다.

개발자들이 웹문서를 작성할때 버그를 껴안고 그를 우회하는 방식을 사용하기에 버그가 있는 브라우저와 그 버그가 해결되어진 브라우저의 렌더링이 달라져서 의도치 않게 레이아웃등이 깨질수 있는 것이지요. 이를 방지하기 위해 개발자들은 새 meta 태그(X-UA-Compatible)를 사용해서 IE8에게 어느 랜더링 엔진을 사용할 것인지 전달해야 합니다.

1	<meta http-equiv="X-UA-Compatible" content="IE=edge">

이 것을 아파치나 IIS 같은 웹 서버에서 구성하여 HTTP 헤더를 통해 정보를 지정해도 됩니다.

위의 content 값에 지정할수 있는 값은 아래와 같습니다.

• 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=edge 모드를 지정할 것을 권장합니다.

구식 콘텐츠를 위한 특정 렌더링 엔진을 사용하려면 앞서 나열한 content 속성의 다양한 값 중 하나를 지정하면 됩니다. 만약 X-UA-Compatible이 지정된 meta 태그가 없다면 사용자가 호환성 뷰를 선택했는지, 개발자의 사이트가 마이크로소프트 호환성 정보 관리 사이트 목록에 있는지(트래픽이 많은 사이트만 해당)등의 요인에 따라 달라집니다.

출처 : http://run2web.tistory.com/4