X-UA-Compatible > html

본문 바로가기

html

X-UA-Compatible

작성일 13-10-14 16:19

페이지 정보

작성자서방님 조회 554회 댓글 0건

본문

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

01.jpg

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

<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 태그가 없다면 사용자가 호환성 뷰를 선택했는지, 개발자의 사이트가 마이크로소프트 호환성 정보 관리 사이트 목록에 있는지(트래픽이 많은 사이트만 해당)등의 요인에 따라 달라집니다.  

댓글목록

등록된 댓글이 없습니다.

게시물 검색
Copyright © 서방님.kr All rights reserved.
PC 버전으로 보기