본문 바로가기
Web

HTML 웹페이지에 문서모드 호환성 메타 태그(tag) 삽입하기

by 홈커뮤니케이션 2012. 10. 16.

Internet Explorer 9이 나온지 오래되지 않아
ActiveX 컨트롤 실행에 오류가 생기거나,
Javascript 오류로 인해 페이지가 정상적으로 랜더링 되지 않는 경우 사용하기 좋습니다.

현재 게임 관련 사이트들의 경우 이 호환성 테그가 대부분 삽입 되어 있습니다.

HTML소스에 문서에 삽입 하는 방법 입니다.

HTML 소스의 HEAD 부분에 아래의 META 테그를 삽입 합니다.

<meta http-equiv="X-UA-Compatible" content="IE=7" /> : 문서모드 Internet Explorer7 호환모드
<meta http-equiv="X-UA-Compatible" content="IE=8" /> : 문서모드 Internet Explorer8 호환모드
<meta http-equiv="X-UA-Compatible" content="IE=9" /> : 문서모드 Internet Explorer9 호환모드

간단하게 테스트 문서를 하나 만들어 보겠습니다.


메모장을 이용해 테스트.html을 만들고 HEAD 부분에 META 테그를 삽입합니다.

 


만들어진 문서를 실행 한 뒤 개발자 모드(F12)를 이용해 문서 모드를 확인해 보면 META 테그에서 설정한 문서 모드로 변경 되는것을 확인 하실 수 있습니다.

 


웹 개발 하시는 분들이 간혹 놓치시는 부분이 있는데요.
HTML 페이지에 DOCTYPE을 설정하지 않는 경우
문서모드가 쿼크(IE6이하)로 설정되어 집니다.
때문에 Internet Explorer 9에서 페이지가 깨지는 경우가 많이 발생하고 있습니다.

웹 개발자 분들 DOCTYPE은 필수 입니다!!

 

 

출처 :  http://blackg.tistory.com/

사업자 정보 표시
(주)홈커뮤니케이션 | 김민호 | 충북 청주시 상당구 내덕동 청주대학교 미래창조관 305 | 사업자 등록번호 : 317-81-21635 | TEL : 070-7844-7007 | Mail : hommcomm@hanmail.net | 통신판매신고번호 : 2010-충북청주-0541호호 | 사이버몰의 이용약관 바로가기