웹프로그래밍 무작정따라하기/HTML CSS

[ html ] IE 호환성 보기 무시하기 (무조건 최신버전 적용)

RIMD 2021. 3. 26. 15:27

익스플로러는 호환성보기 설정을 한다고 해서 무조건 설정 대로 적용되지 않고, 소스코드 설정 값을 우선으로 한다.

html태그에서 <head></head>안에 아래와 같은 메타 태그를 넣으면, 호환성보기 설정 값을 무시하고

무조건 최신버전을 적용한다.

html 기본구조 자동완성 시, vsCode에서는 자동으로 추가 됨

방법1

모든 HTML페이지의 <head></head>태그 내에 다음 코드를 추가한다.

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

 

방법2

서버 측 코드에 아래와 같은 코드를 추가한다.(Servlet Filet등을 이용하여 공통 코드로 적용가능)

if(userAgent.contains("MISE")){
  response.addHeader("X-UA-Compatible", "IE=edge");
}

 

방법3

아파치 웹서버를 사용중이라면 웹서버 설정에 아래코드를 response header로 설정

<ifModule mod_header.c>Header set X-UA-Compatible "IE=edge"</ifModule>

 

만약, IE8에서는 IE8버전을 적용하고, IE9에서는 IE9버전으로 적용하고 싶다면 아래와 같이 하면 된다.

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