블로그.지오닷컴

익스플로러 호환성 모드 메타 태그(Meta Tag) 본문

노하우/웹서비스 개발

익스플로러 호환성 모드 메타 태그(Meta Tag)

홍보하는 지오닷컴 2013. 7. 9. 15:46

기존 웹서비스를 유지보수 하다보면 과거 웹브라우저에 맞추어져서 개발된 프로그램들이 있습니다. 최신 웹브라우저로 접속을 하면 화면이 깨지거나 심한 경우 제대로 작동하지 않기도 합니다. OS에 종속되어 작동하는 웹브라우저라서 태생적으로 버그가 많은 인터넷 익스플로러가 이런 문제(?)의 주범이 되는데요, 익스플로러8 버전부터는 특정 익스플로러 버전에 맞추어 웹페이지를 렌더링할 수 있는 호환성 보기 기능이 적용되었습니다. 웹페이지에 메타 태그를 입력하면 해당 기능을 웹페이지에 맞추어서 사용할 수 있습니다. 



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


위의 태그를 <head> 바로 아래에 넣어주시면 해당 웹페이지는 익스플로러8에 맞추어서 렌더링하게 됩니다. IE=8 대신 IE=6, IE=7, IE=8, IE=9를 넣으셔도 됩니다.



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


네이버 같은 경우에는 위의 태그가 삽입되어 있습니다. 이는 가장 최신의 익스플로러 버전으로 웹페이지를 렌더링 하라는 의미 입니다.



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


만약 웹사이트 유지 보수 중 과거 익스플로러 버전에 맞추어져 제작된 프로그램이 잘 작동하지 않는다면 위의 태그를 넣어보세요. 익스플로러8 에뮬레이션 모드로 해당 페이지의 DOCTYPE에 따라 표준모드나 관용모드로 렌더링합니다. 테스트할 때 가장 레이아웃이 덜 깨지고 과거 프로그램과도 호환성이 맞는 것 같습니다.



더 자세한 내용을 아래 링크를 참고하세요.

http://technet.microsoft.com/ko-kr/library/dd638355(v=ws.10).aspx



다음에 다시 찾아뵙겠습니다. ^^

1 Comments
댓글쓰기 폼