반응형
<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>주의할 점
- 이 태그는 반드시 <head> 최상단에 두는 것이 좋습니다. (특히 <title> 이전)
- 요즘은 Chrome, Edge, Firefox 등 최신 브라우저에서는 효과가 없음 → 오직 구형 IE 전용.
- 최신 프로젝트에서는 거의 필요하지 않지만, 구형 시스템이나 IE 기반 레거시 환경에서는 여전히 사용됩니다.
'HTML_CSS' 카테고리의 다른 글
| (HTML CSS) box-sizing 속성, border-box content-box inherit (0) | 2025.05.27 |
|---|---|
| (강의용) 2025년, HTML + CSS 강의 자료 (0) | 2025.03.04 |
| (HTML CSS) float: 3단 레이아웃 만들기 (0) | 2023.11.20 |
| (HTML CSS) 구글 웹폰트 사용하기 (0) | 2023.10.12 |
| Visual Studio Code(VSC)에서 Live Server 설치 및 사용하기 (1) | 2023.09.21 |