Internet Explorer 8 웹표준 모드와 호환성 확보를 위한 웹사이트 메타태그 적용 가이드

Sun, 22 Mar 2009 19:52:49 Z

웹 전체의 상호 운용성을 높이기 위한 노력의 하나로Internet Explorer 8은 웹 표준을 철저히 준수하는 표준 렌더링 모드를 기본설정으로 사용할 것입니다. 이에 따라 웹 개발자들과 설계자들은 “Write once, run anywhere: 한번 작성하면 어디에서나 실행이 가능하다”라는 웹 표준의 상호 운용성 개념을 실현하고, 다양한 브라우저에 맞게 콘텐츠를 수정하는 작업보다는 혁신적인 업무에 주력할 수 있도록 지원하게 될 것입니다. 하지만 Internet Explorer의 기본설정을 웹표준 렌더링모드로 설정할 경우 이전 버전의 Internet Explorer 용으로 작성된 대부분의 웹사이트들은 원하는 대로 콘텐츠가 표시되지 않고 다음과 같은 문제들이 발생할 수 있습니다.

•	잘못 정렬된 웹 페이지 레이아웃
•	겹치는 텍스트 또는 이미지
•	JavaScript 기능 문제 및 오류

이러한 문제가 발생할 경우, 웹사이트 관리자는 자신의 사이트가 Internet Explorer 8에서도 정상적으로 표시될 수 있도록 특별한 조치를 취해야 합니다. 그래서 마이크로소프트는 이전 버전의 Internet Explorer와의 호환성을 유지할 수 있도록 “웹 사이트” 단위 또는 “웹 페이지” 단위로 적용할 수 있는 메타 태그를 제공합니다. 이 태그를 다음에 안내되는 절차에 따라 추가하면 별도의 변경 작업 없이 Internet Explorer 8이 이전 버전의 Internet Explorer에서와 동일한 방식으로 웹사이트를 렌더링하게 됩니다. 이 임시 방법으로 웹 사이트 관리자는 단기적으로 Internet Explorer8과의 호환성을 확보할 수 있게 되고, 장기적으로 웹 표준 방식으로 웹사이트를 전환해 나갈 수 있는 시간적인 여유를 가지게 될 것입니다.

마이크로소프트는 사이트 관리자들이 다음에 소개되는 단계별 절차에 따라 즉시 웹 사이트 또는 웹 페이지에 메타태그를 적용하여 호환성을 확보할 수 있도록 권고합니다.

(http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/DevelopersExisting.htm)

권고안 1) 웹사이트별 메타태그 적용 방안

사이트 소유자와 관리자는 Internet Explorer 8가 Internet Explorer 7에서와 동일하게 웹 페이지를 렌더링하도록 다음과 같이 사용자 지정 HTTP 헤더를 사이트 구성에 추가할 수 있습니다.

X-UA-Compatible: IE=EmulateIE7

Windows Server 2008 기반 컴퓨터의 인터넷 정보 서비스 7에서 웹 사이트 수준에 HTTP 응답 헤더를 추가하려면 다음 단계를 따릅니다.

	1. 시작, 관리 도구, 인터넷 정보 서비스(IIS) 관리를 차례로 누릅니다.
	2. 연결에서 원하는 서버를 두 번 클릭한 다음 사이트를 두 번 클릭합니다.
	3. 사용자 지정 HTTP 응답 헤더를 추가할 웹 사이트를 클릭합니다.
	4. 웹 *사이트* 이름 홈에서 IIS 섹션의 HTTP 응답 헤더를 두 번 클릭합니다. 참고 이 단계에서 웹 사이트 이름은 웹 사이트의 이름입니다.
	5. 동작에서 추가를 클릭합니다.
	6. 이름 상자에 X-UA-Compatible을 입력합니다.
	7. 값 상자에 IE=EmulateIE7을 입력합니다.
	8. 확인을 누릅니다.

인터넷 정보 서비스 6 및 이전 버전에서 웹 사이트 수준에사용자 지정 HTTP 응답 헤더를 추가하려면 다음 단계를 따릅니다.

	1. 시작, 실행을 차례로 클릭하고 inetmgr.exe를 입력한 다음 확인을 클릭합니다.
	2. 원하는 서버를 확장한 다음 웹 사이트를 확장합니다.
	3. 원하는 웹 사이트를 마우스 오른쪽 단추로 누른 다음 속성을 누릅니다.
	4. 사용자 지정 HTTP 헤더에서 추가를 클릭합니다.
	5. 사용자 지정 헤더 이름 상자에 X-UA-Compatible을 입력합니다.
	6. 사용자 지정 헤더 값 상자에 IE=EmulateIE7을 입력합니다.
	7. 확인을 차례로 두 번 누릅니다.

권고안 2) 웹페이지별 메타태그 적용 방안

사이트 소유자와 관리자는 웹페이지의 <Head> 태그 뒤에 다음과 같은 특수 HTML 태그를 포함할 수 있습니다.

페이지별로 이 Internet Explorer 7 호환성 모드 태그를 사용하는 예는 다음과 같습니다.

<html>

<head>

</head>

<body>

<p>Content goes here.</p>

</body>

</html>

추가 자료:

· Internet Explorer 8 호환을 위한 메타태그 적용 방법에 대한 공식 문서: http://msdn.microsoft.com/ko-kr/library/cc817570.aspx

· Internet Explorer 8 Readiness Toolkit (for web designers and developers): http://www.microsoft.com/korea/ie/ie8/readiness

· Internet Explorer 8 main site: http://www.microsoft.com/korea/ie8

· Internet Explorer Team Blog: http://blogs.msdn.com/ie

· Internet Explorer Developer Center: http://msdn2.microsoft.com/en-us/ie/default.aspx

· Microsoft Interoperability Principles: http://www.microsoft.com/interop/principles/default.mspx