[ CSS ] 웹 표준 개발자의 IE8 고려사항

참고 : http://frogdaddy.tistory.com/entry/%EC%9B%B9-%ED%91%9C%EC%A4%80-%EA%B0%9C%EB%B0%9C%EC%9E%90%EC%9D%98-IE8-%EA%B3%A0%EB%A0%A4%EC%82%AC%ED%95%AD
 
IE8 과 낡은 웹 사이트의 호환성 문제
 
DTD 가 없는 웹 사이트 대응법
DTD 가 없는 페이지는 아무 대응을 할 필요가 없습니다. IE8 은 DTD 가 없는 페이지를 여전히 Quirks Mode 로 렌더링 하기 때문에 웹 사이트가 깨지지 않습니다.
 
DTD 가 있는 웹 사이트 대응법
 
DTD 가 있고 IE5 에 최적화 된 페이지 대응법
<meta http-equiv="X-UA-Compatible" content="IE=5" />
 
DTD 가 있고 IE6 에 최적화 된 페이지 대응법
IE6 에 최적화 된 페이지는 개편해야 합니다. 적어도 IE7 에 최적화 시켜야 하는데 그렇지 않으면 구제할 방법이 없습니다. IE8 브라우저에 IE6 렌더링 엔진이 없기 때문입니다. IE6 에 최적화된 페이지를 IE7 에 최적화 하는 것은 그다지 어렵지 않습니다. IE6 에 최적화 된 페이지는 IE7 에 최적화 작업 후 다음 코드로 대응합니다.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
 
DTD 가 있고 IE7 에 최적화 된 페이지 대응법
<meta http-equiv="X-UA-Compatible" content="IE=7" />
 
DTD 가 혼재되어있는 웹 사이트 대응법
DTD가 혼재 되어 있는 웹 사이트는 DTD 가 없는 페이지와 DTD 가 있는 페이지를 구분하여 각각 다른 방법으로 대응해야 합니다. DTD 가 없는 페이지는 아무런 대응을 하지 않습니다. IE8 은 DTD 가 없는 페이지를 Quirks Mode 로 렌더링 하기 때문에 페이지는 깨지지 않습니다. DTD 가 있는 페이지는 IE7 에 최적화 시킨 후 다음 코드를 적용 합니다.
<meta http-equiv="X-UA-Compatible" content="IE=7" />
DTD 가 없는 페이지는 여전히 Quirks Mode 로, DTD 가 있는 페이지는 IE7 표준 모드로 렌더링 할 것입니다.
 
Meta 호환 코드를 서버측 응답 헤더에 적용하는 방법
 
Implementing the META Switch on IIS
<?xml version="1.0" encoding="utf-8"?>
<configuration>
<system.webServer>
<httpProtocol>
<clear />
<add name="X-UA-Compatible" value="IE=EmulateIE7" />
</customHeaders>
</httpProtocol>
</system.webServer>
</configuration>
 
Implementiog the META Switch on Apache
X-UA-Compatible:IE=EmulateIE7