[Html] 페이지에서 IE 버전 강제 지정하기! #호환성보기설명귀찮아 #호환성보기없어저라 #크롬좀쓰세요 #IE문서버전강제지정

 

 

안녕하세요.
용테크의 용사장 입니다.

 

 

예전에 만들어진 시스템들은
그때 그 당시의 IE버전의 호환성에 맞게

만들어진 경우가 대부분입니다.

 

 

따라서 요즘 IE버전에는

이상현상을 일으키기 마련인데요!

 

 

이에 따라 [호환성보기] 라는 기능이 있으나,
HTML의 메타데이터 값을 통해서

강제 지정이 가능하는 사실 알고 계셨나요?

 

 

자 알아봅시다!

 

 

일단 현상은 이래요.
IE 5를 사용하던 당시에 만들어진 시스템의 달력인데요

 

 

 

다 망가져있지요?

 

 

해당 페이지의 소스를 열어서

HTML HEAD에 아래와 같은 메타데이터를 넣어줍니다.

 

 

 

IE의 버전을 5로 맞추라는 문구입니다.

그리고 달력 페이지를 열어보면?

 

 

 

잘 나오는 것을 확인하실 수 있습니다!

 

 

[F12]를 눌러 개발자도구에서

어찌되어있는지 볼까요?

 

 

 

 

위에 소스에서 지정해준대로
X-UA-Compatible 메타 태그를 사용해서 IE의 버전을 5로 변경했다네요!

 

 

하, 오래된 사이트 운영하면 가장 많이 오는 문의가 호환성인데요.
이거를 사용해서 조금이라도 덜 스트레스 받으시길!

 

 

아, 복붙용 소스 입니다!
<meta http-equiv="X-UA-Compatible" content="IE=5" />

 

 

이만,
용테크의 용사장 이였습니다.