본문 바로가기
html

IE 문서 모드란(meta http-equiv="x-ua-compatible" content="IE=edge")

by 지구별에 2015. 1. 16.

 

 

IE 문서 모드란(meta http-equiv="x-ua-compatible" content="IE=edge" )

 

 

오늘은 메타 태그 중 아래 코드에 대해 알아보겠습니다.

 

<meta http-equiv="x-ua-compatible" content="IE=edge" >

 

 

content="IE=edge"는 IE브라우저에서, 각 버전 중 가장 최신 표준 모드를 선택하는 문서 모드입니다.(IE6부터 IE11까지)

 

문서 유형 (document type) 선언과 함께 사용해야 유효합니다.

 

<!DOCTYPE html> /*가장 최신의 웹표준을 지원하는 HTML5 DOCTYPE을 추천함 */

 

 

DOCTYPE 선언하는 이유와 버전별 선언 정리 (HTML5, HTML 4, XHTML)

 

 

 

IE11에서는,  문서 모드가 곧 퇴화될 것이며 앞으로 사용되지 말아야할 것으로 규정합니다.

 

현재로서, IE11는 edge mode가 추천하는 문서 모드입니다.

 

참조: Document modes are deprecated

 

사용 예

 

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
..
..

 

 

 

 

그런데, 문서 모드란 무엇일까요?

 

 

문서 호환성 모드(document compatibility modes) 이해하기

 

IE 구버전은 IE가 웹페이지를 번역하고 표시하는 방법을 선택할 수 있도록 했습니다.

 

Quirks mode비표준 모드가 기본값이며, 구버전의 브라우저로 보는 것처럼 페이지를 표시하고,

 

Standards mode표준 모드(또는 strict mode엄격 모드)는 업계의 표준을 지원하도록 표시합니다.

 

이때 역시 문서 유형 선언(예: <!DOCTYPE>)을 있어야 하는데, 문서 유형 선언을 하지 않으면 quirks mode 로 표시함

 

비표준 모드quirks mode, 표준 모드 standards mode 차이와 DOCTYPE

 

IE7까지 두 가지 호환 모드만을 지원했기에, IE6 표준에 따라 설계된 페이지는 IE7 표준에 따라 설계된 페이지를

 

의도대로 표시할 수 없었습니다.

 

 

IE8은 새로 생긴 표준에서 여러 특질들을 추가 지원했는데, 일부 특징들이 앞서 발행된 표준과 달랐기 대문에,

 

웹 개발자가 어느 표준인지 선택하도록 하는, 문서 호환성 document compatibility 개념을 도입했습니다.

 



즉 meta요소를 사용하여, 웹페이지에 X-UA-Compatible header를 추가해


IE 버전을 지정하도록 한 것입니다.

 

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

 

IE9 역시 새로 생긴 표준을 위한 추가적 지원을 도입했는데(HTML5, CSS3, SVG같은)


표준들이 여전히 개발중이었기에, 일부 행동들은 다양한 표준의 초기버전과 달랐습니다.

 

IE10은 추가적인 표준 지원을 추가하고, 또한 HTML5 명세에서 지정된 변화에 부합하기 위해

 

quirks mode를 업데이트합니다. 

 

이것은 quriks mode가 지금 표준 모드와 비슷한 특징들에 접근했다는 것을 의미합니다.

 

사이트가 IE에서 올바로 표시되지 않는다면, 가장 최신 웹 표준 지원을 위해 사이트를 업데이터하거나,(권장)


IE를  이전 버전의 브라우저에서 보는 것처럼 내용을 표시하도록 할 수 있습니다.

 

 

 

IE 문서 모드 종류

 

 

웹페이지가 IE 각 버전에 맞게 표준 모드로 제한함.
(IE를 그 버전에 지원된 특징들에 제한하도록 함)

 

    <meta http-equiv="x-ua-compatible" content="IE=9" > /*IE9 표준 모드*/
    <meta http-equiv="x-ua-compatible" content="IE=8" > /*IE8 표준 모드*/
    <meta http-equiv="x-ua-compatible" content="IE=7" > /*IE7 표준 모드*/

 

 

지정한 버전에 맞는 표준 모드로 표시하거나, Quriks mode로 표시함

다른 문서 유형DOCTYPE 값을 사용하는 웹페이지 모음을 가지고 있을 경우 유용함.
 

    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
    <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

 

 

edge mode, IE 버전 중 가장 최신 모드로 표시

 

<meta http-equiv="x-ua-compatible" content="IE=edge" >

 

 

※ 항상 DOCTYPE과 함께 사용함
※ 맨 위에서 언급한 것처럼 IE 문서 모드는 곧 퇴화될 예정이며, 현재는 edge mode를 추천함.

 

참조:

 

Specifying legacy document modes

 

Understanding the need for document compatibility modes

 

 

 

반응형

'html' 카테고리의 다른 글

이미지맵 태그(map, area 태그)  (2) 2015.02.25
[html5] figure 태그, figcaption 태그  (0) 2015.01.20
[html5] main 태그  (0) 2015.01.14
meta viewport (메타 뷰포트 태그) 사용법  (13) 2015.01.09
[html5] footer 태그  (0) 2015.01.07

댓글