11.07 문서모드

<meta charset="UTF-8">

<meta name="viewport" content="device-width, initial-scale=1.0">

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

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

 

<!DOCUTYPE html> : 가장 최신의 웹 표준을 지원하는 HTML5 DOCUTYPE을 추천함.

 

문서모드란 ?

 

문서 호환성 모드(document compatibility modes)

-  IE 구버전은 IE가 웹페이지를 번역하고 표시하는 방법을 선택할 수 있게 함

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

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

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

 

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

 

IE7까지 두가지 호환모드만을 지원했기에, IE6 표준에 따라 설계된 페이지는 IE7 표준에 따라 설계된 페이즈를 의도대로 표시할 수 없었다. 

 

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

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

 

=> meta 요소를 사용하여, 웹페이지에 X-UA-Compatible header를 추가해 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로 표시함

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

<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">

 

※ 항상 DOCUTYPE과 함께 사용

※ 맨 위에서 언급한 것처럼 IE문서모드는 곧 퇴화될 에정이며, 현재는 edge mode를 추천함