본문 바로가기

script&css&html&ajax

[펌] IE8 용 기존사이트 호환성 유지를 위한 Meta 코드. (text-align 등의 문제 발생시)

[원본링크] http://blog.xepi.pe.kr/entry/IE8-용-기존사이트-호환성-유지를-위한-Meta-코드

이 태그는 DTD 가 선언 되었을 경우에만 유효한 코드입니다.

DTD 가 없을경우 Quirks Mode(쿼크) 로 렌더링 됩니다.

Quirks Mode ::
<META http-equiv="X-UA-Compatible" content="IE=5" />

IE7 Standards 모드 ::
<META http-equiv="X-UA-Compatible" content="IE=7" />

IE8 Standards 모드 ::
<META http-equiv="X-UA-Compatible" content="IE=8" />

가장 최신 버젼 IE의 Standards 모드 ::
<META http-equiv="X-UA-Compatible" content="IE=Edge" />

만약 IE 6에 최적화 된 페이지는 완전히 개편해야 합니다.

적어도 IE 7에 최적화 시켜야 하는데그렇지 않으면 구제할 방법이 없습니다..

IE 8 브라우저에 IE 6 렌더링 엔진이 없기 때문인데 IE 6에 최적화된 페이지를

IE 7에 최적화 하는 것은 어렵지 않을것입니다.

만약 DTD가 없는 페이지와 DTD가 있는 페이지가 혼재 한다면.  서로를 구분해서 각각 다른 방법으로

대응해야 하는데..

X-UA-Compatable 호환 코드를 DTD가 있는 페이지에만 별도로 적용하는 것이 어렵다면

모든 페이지에 호환 코드를 추가하는 방법도 있습니다.

DTD가 있는 페이지만 IE 7에 최적화 시킨 후 모든 페이지에 다음 코드를 적용시킵니다..

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

DTD가 없는 페이지는 여전히 Quirks Mode로, DTD가 있는 페이지는 IE 7 표준 모드로 렌더링 될 것입니다.