HTML_CSS

HTML: meta http-equiv="X-UA-Compatible" content="IE=edge" ?

coding-abc 2025. 9. 14. 16:43
반응형
<meta http-equiv="X-UA-Compatible" content="IE=edge">

 

위 태그는 Internet Explorer(IE) 브라우저 호환성 모드 설정을 위해 사용됩니다.

설명

  • http-equiv="X-UA-Compatible" → IE 전용 메타 태그. 브라우저가 어떤 렌더링 모드를 사용할지 지정합니다.
  • content="IE=edge" → IE가 가능한 최신 렌더링 엔진(Edge 모드) 을 사용하도록 지시합니다.
    즉, IE8 이상에서 호환성 보기(구버전 IE 모드) 대신, 설치된 IE 버전의 가장 최신 엔진을 사용합니다.

코드 예시

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>예제</title>
</head>
<body>
  <h1>IE 호환성 메타 태그</h1>
</body>
</html>
 

주의할 점

  1. 이 태그는 반드시 <head> 최상단에 두는 것이 좋습니다. (특히 <title> 이전)
  2. 요즘은 Chrome, Edge, Firefox 등 최신 브라우저에서는 효과가 없음 → 오직 구형 IE 전용.
  3. 최신 프로젝트에서는 거의 필요하지 않지만, 구형 시스템이나 IE 기반 레거시 환경에서는 여전히 사용됩니다.

 

반응형
저작자표시 (새창열림)