<meta http-equiv =“X-UA-Compatible”content =“IE = edge”>는 무엇을합니까? 차이점은 무엇입니까 <!DOCTYPE

하나의 웹 페이지로 시작하면 차이점은 무엇입니까

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

페이지가

<!DOCTYPE html>
<html>
  <head>
     <!-- without X-UA-Compatible meta -->

차이가 없다면 X-UA-Compatible모든 IE 버전에서 메타 모드를 대부분의 표준 모드로 렌더링하기를 원하기 때문에 메타 헤더를 무시할 수 있다고 가정 합니다.

답변

2015 년 10 월 업데이트

이 답변은 몇 년 전에 게시되었으며 이제 사이트 에서 X-UA-Compatible태그 사용을 고려해야 할까요? Microsoft가 브라우저에서 변경 한 내용 (아래에 자세히 설명되어 있음)

지원하는 Microsoft 브라우저에 따라 X-UA-Compatible태그 를 계속 사용하지 않아도됩니다 . IE9 또는 IE8을 지원해야하는 경우 태그를 사용하는 것이 좋습니다. 최신 브라우저 (IE11 및 / 또는 Edge) 만 지원하는 경우이 태그를 모두 삭제하는 것이 좋습니다. Twitter Bootstrap을 사용하고 유효성 검사 경고를 제거해야하는 경우이 태그는 지정된 순서대로 나타나야합니다. 아래 추가 정보 :

X-UA-Compatible메타 태그는 웹 작성자가 페이지로 렌더링해야하는지 인터넷 익스플로러의 버전을 선택할 수 있습니다. IE11은 이러한 모드를 변경했습니다. 아래의 IE11 노트를 참조하십시오. IE11을 대체 한 브라우저 인 Microsoft EdgeX-UA-Compatible 는 특정 상황 에서만 메타 태그를 사용합니다. 아래의 Microsoft Edge 참고 사항을 참조하십시오.

Microsoft에 따르면 X-UA-Compatible태그를 사용할 때 문서에서 태그가 최대한 높아야합니다 head.

X-UA 호환 META 태그를 사용하는 경우 가능한 한 페이지의 HEAD 상단에 태그를 배치하려고합니다. Internet Explorer는 최신 버전을 사용하여 마크 업 해석을 시작합니다. Internet Explorer에서 X-UA 호환 META 태그를 발견하면 지정된 버전의 엔진을 사용하여 다시 시작합니다. 브라우저가 컨텐츠 분석을 중지했다가 다시 시작해야하기 때문에 성능이 저하됩니다.

옵션은 다음과 같습니다.

“IE = 에지”
“IE = 11”
“IE = EmulateIE11”
“IE = 10”
“IE = 에뮬레이션 IE10”
“IE = 9”
“IE = 에뮬레이션 IE9
“IE = 8”
“IE = EmulateIE8”
“IE = 7”
“IE = EmulateIE7”
“IE = 5”

각각의 의미를 이해하기 위해 Microsoft에서 제공하는 정의는 다음과 같습니다.

Internet Explorer는 다양한 기능을 사용하고 내용이 표시되는 방식에 영향을 줄 수있는 여러 가지 문서 호환성 모드를 지원합니다.

Edge 모드는 Internet Explorer에 사용 가능한 최고 모드로 콘텐츠를 표시하도록 지시합니다. Internet Explorer 9에서는 IE9 모드와 동일합니다. Internet Explorer의 이후 릴리스에서 더 높은 호환성 모드를 지원하면 에지 모드로 설정된 페이지가 해당 버전에서 지원하는 최고 모드로 나타납니다. Internet Explorer 9에서 볼 때 동일한 페이지가 여전히 IE9 모드로 나타납니다. Internet Explorer는 다양한 기능을 사용하고 내용이 표시되는 방식에 영향을 줄 수있는 여러 가지 문서 호환성 모드를 지원합니다.

IE11 모드는 HTML5, CSS3 및 기타를 포함하여 기존 및 신흥 산업 표준에 사용할 수있는 최고의 지원을 제공합니다.

IE10 모드는 HTML5, CSS3 및 기타를 포함하여 기존 및 신흥 산업 표준에 사용할 수있는 최고의 지원을 제공합니다.

IE9 모드는 HTML5 (Working Draft), W3C Cascading Style Sheets Level 3 Specification (Working Draft), Scalable Vector Graphics (SVG) 1.0 Specification 등을 포함하여 기존 및 신흥 산업 표준에 대해 가장 높은 지원을 제공합니다. [편집자 주 : IE 9 는 CSS3 애니메이션을 지원 하지 않습니다 ].

IE8 모드는 W3C Cascading Style Sheets 레벨 2.1 사양 및 W3C 선택기 API를 포함하여 많은 표준을 지원합니다. 또한 W3C Cascading Style Sheets 레벨 3 사양 (작업 초안) 및 기타 새로운 표준에 대한 제한적인 지원을 제공합니다.

IE7 모드는 페이지에 지시문이 포함되어 있는지 여부에 관계없이 Internet Explorer 7에서 표준 모드로 표시 한 것처럼 콘텐츠를 렌더링합니다.

IE9 에뮬레이션 모드는 Internet Explorer에 지시문을 사용하여 내용을 렌더링하는 방법을 결정하도록 지시합니다. 표준 모드 지시문은 IE9 모드로 표시되고 쿼크 모드 지시문은 IE5 모드로 표시됩니다. IE9 모드와 달리 Emulate IE9 모드는 지시문을 존중합니다.

IE8 에뮬레이션 모드는 Internet Explorer에 지시문을 사용하여 컨텐츠 렌더링 방법을 결정하도록 지시합니다. 표준 모드 지시문은 IE8 모드로 표시되고 쿼크 모드 지시문은 IE5 모드로 표시됩니다. IE8 모드와 달리 Emulate IE8 모드는 지시문을 존중합니다.

IE7 에뮬레이션 모드는 Internet Explorer에 지시문을 사용하여 내용을 렌더링하는 방법을 결정하도록 지시합니다. 표준 모드 지시문은 Internet Explorer 7 표준 모드에 표시되고 쿼크 모드 지시문은 IE5 모드에 표시됩니다. IE7 모드와 달리 Emulate IE7 모드는 지시문을 존중합니다. 많은 웹 사이트에서이 모드는 기본 호환 모드입니다.

Internet Explorer 7에서는 IE5 모드가 콘텐츠를 쿼크 모드로 표시 한 것처럼 렌더링합니다. 이는 Microsoft Internet Explorer 5에서 콘텐츠가 표시되는 방식과 매우 유사합니다.

IE10 참고 : IE10부터 쿼크 모드는 이전 버전의 브라우저에서와 다르게 작동합니다. IE9 및 이전 버전에서 쿼크 모드는 웹 페이지를 IE5.5에서 지원하는 기능으로 제한했습니다. IE10에서 쿼크 모드는 HTML5 사양에 지정된 차이를 따릅니다.

개인적으로, 나는 http-equiv="X-UA-Compatible" content="IE=edge"구버전에는 많은 버그가 있기 때문에 항상 메타 태그를 선택하고 , IE가 “호환성 모드”로 들어가서 내 사이트를 IE7 vs IE8 또는 9로 표시하는 것을 원하지 않습니다. 나는 항상 최신 버전을 선호합니다. IE.

IE11

에서 마이크로 소프트 :

IE11부터는 엣지 모드가 기본 문서 모드입니다. 브라우저에서 사용할 수있는 최신 표준에 대한 최고의 지원을 나타냅니다.

HTML5 문서 유형 선언을 사용하여 에지 모드를 사용하십시오.

<!doctype html>

에지 모드는 Internet Explorer 8에 도입되었으며 이후의 각 릴리스에서 사용할 수 있습니다. 에지 모드에서 지원되는 기능은 콘텐츠를 렌더링하는 특정 버전의 브라우저에서 지원되는 기능으로 제한됩니다.

IE11부터는 문서 모드가 더 이상 사용되지 않으며 임시를 제외하고는 더 이상 사용하지 않아야합니다. 최신 표준을 반영하도록 레거시 기능 및 문서 모드를 사용하는 사이트를 업데이트하십시오.

최신 표준 및 기능을 지원하도록 사이트를 재 작업하는 동안 사이트가 작동하도록 특정 문서 모드를 대상으로 지정해야하는 경우, 향후 버전에서는 제공되지 않을 수있는 전환 기능을 사용하고 있음에 유의하십시오.

현재 x-ua 호환 헤더를 사용하여 레거시 문서 모드를 대상으로하는 경우 사이트에 IE11에서 사용 가능한 최상의 환경이 반영되지 않을 수 있습니다.

Microsoft Edge (Windows 10에 번들로 제공되는 Internet Explorer 교체)

X-UA-CompatibleIE “Edge”버전의 메타 태그에 대한 정보 Microsoft에서 :

“살아있는”가장자리 문서 모드 소개

2013 년 8 월에 발표 한 바와 같이 IE11부터는 문서 모드가 더 이상 사용되지 않습니다. 최신 플랫폼 업데이트를 통해 레거시 문서 모드의 필요성은 주로 엔터프라이즈 레거시 웹 앱으로 제한됩니다. 새로운 아키텍처 변경으로 인해 이러한 레거시 문서 모드는“살아있는”에지 모드의 변경과 분리되어 해당 모드에 의존하는 고객에게 훨씬 높은 수준의 호환성을 보장하고 Edge의 개선에 더 빠르게 이동할 수 있도록 도와줍니다. . IE는 여전히 인트라넷 사이트, 호환성보기 목록의 사이트 및 엔터프라이즈 모드에서만 사용되는 문서 모드를 제공합니다.

공용 인터넷 사이트는 X-UA 호환을 무시하고 새로운 Edge 모드 플랫폼으로 렌더링됩니다. Edge는 여기서부터 “살아있는”문서 모드이며 앞으로는 더 이상의 문서 모드가 도입되지 않을 것입니다.

대부분의 경우 더 이상 문서 모드를 지원하지 않도록 Microsoft Edge의 변경 사항이 적용되면 Microsoft는 사이트를 검사하여 Edge와 호환되지 않는 코드가 있는지 확인 하는 도구 를 제공합니다.

IE 용 Chrome = 1 정보

다음 chrome=1과 같은 위의 옵션 중 하나와 함께 사용하거나 함께 사용할 수도 있습니다 <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">. chrome=1다음과 같이 정의 된 Google의 Chrome 프레임 용입니다.

Chrome 프레임은 오픈 소스 브라우저 플러그인입니다. 플러그인을 설치 한 사용자는 브라우저에서 페이지를 열면 Chrome의 공개 웹 기술과 빠른 JavaScript 엔진에 액세스 할 수 있습니다.

Chrome 프레임은 Internet Explorer에서 인터넷 사용 환경을 완벽하게 향상시킵니다. Chrome 렌더링 기술을 사용하여 Chrome 프레임 지원 사이트를 표시하므로 일반적인 브라우저 사용을 방해하지 않으면 서 최신 HTML5 기능과 Chrome의 성능 및 보안 기능에 액세스 할 수 있습니다.

Chrome 프레임을 설치하면 웹을 생각할 필요없이 웹이 더 좋아집니다.

그러나 해당 플러그인이 작동하려면 메타 태그 chrome=1에서 사용해야합니다 X-UA-Compatible.

Chrome 프레임에 대한 자세한 내용은 여기를 참조하십시오 .

참고 : Chrome 프레임은 IE6에서 IE9 까지만 작동하며 2014 년 2 월 25 일에 폐기되었습니다. 자세한 내용은 여기를 참조하십시오 . 링크를위한 @mck에게 감사합니다.

확인:

HTML5 :

이 페이지 는를 사용할 때만 W3 Validator를 사용하여 유효성을 검사합니다 <meta http-equiv="X-UA-Compatible" content="IE=Edge">. 다른 값의 경우 오류가 발생합니다. A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.즉, 가지고 IE=edge,chrome=1있으면 유효성을 검사하지 않습니다. 현대 브라우저는 단순히이 코드 줄을 무시하기 때문에이 오류를 완전히 무시합니다.

완전히 유효한 코드가 있어야하는 경우 HTTP 헤더를 설정하여 서버 수준에서이 작업을 수행하십시오. 참고로 Microsoft는 HTTP 헤더 설정 방법에 대한 자세한 내용 If both of these instructions are sent (meta and HTTP), the developer's preference (meta element) takes precedence over the web server setting (HTTP header). 은 olibre의 답변 또는 bitinn의 답변 을 참조하십시오.

XHTML

<meta http-equiv="X-UA-Compatible" content="IE=Edge" />태그가 올바르게 닫히면 (예 : />vs >) 사용할 때 유효성 검사에 문제가 없습니다 .

트위터 부트 스트랩

이 태그는 강력 적어도 2014 년부터 부트 스트랩 팀에 의해 추천되었으며, Bootlint은 의 린터 팀이 던져 계속 twbs에 의해 작성된 경고 태그가 생략되는 경우. 린 터는 경고와 오류를 구분하므로이 태그를 생략하는 정도는 경미한 것으로 간주 될 수 있습니다.

자세한 내용 X-UA-Compatible은 Microsoft 웹 사이트 정의 문서 호환성 을 참조하십시오 .

IE가 지원하는 것에 대한 자세한 정보는 caniuse.com을 참조하십시오 .

Twitter 부트 스트랩 요구 사항에 대한 자세한 정보는 bootlint project wiki 페이지를 참조하십시오 .

답변

content="IE=edge,chrome=1" 다른 X-UA-Compatible모드 건너 뛰기 사용

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
                                   --------------------------

호환성 아이콘
이 없음 IE9 주소 표시 줄에 호환성보기 단추
가 표시되지 않고 페이지에 잘못된 위치 메뉴, 이미지 및 텍스트 상자가 표시되지 않습니다.
특징
이 메타 태그는 사용하는 데 필요합니다 javascript::JSON.parse()IE8에
(에도 <!DOCTYPE html>존재)
최신 HTML / CSS / JavaScript의 정확성 렌더링 / 실행이 더 유효합니다.
성능 트라이던트 렌더링 엔진은 빠르게 그에서 실행해야합니다 가장자리 모드.

용법

HTML에서

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

IE=edge IE가 최신 버전의 렌더링 엔진을 사용해야 함을 의미합니다.
chrome=1설치된 경우 IE에서 Chrome 렌더링 엔진을 사용해야 함을 의미합니다.

또는 웹 서버 구성에서 더 좋습니다.
( RiaD의 답변 참조 )

pixeline 에서 제안한 Apache

<IfModule mod_setenvif.c>
  <IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
  </IfModule>
</IfModule>
<IfModule mod_headers.c>
  Header append Vary User-Agent
</IfModule>

Stef Pause가 제안한 Nginx

server {
  #...
  add_header X-UA-Compatible "IE=Edge,chrome=1";
}

Lucas Riutzel이 제안한 바니시 프록시

sub vcl_deliver {
  if( resp.http.Content-Type ~ "text/html" ) {
    set resp.http.X-UA-Compatible = "IE=edge,chrome=1";
  }
}

IIS (v7부터)

<configuration>
  <system.webServer>
     <httpProtocol>
        <customHeaders>
           <add name="X-UA-Compatible" value="IE=edge,chrome=1" />
        </customHeaders>
     </httpProtocol>
  </system.webServer>
</configuration>

IE11부터 Edge 모드를 권장 합니다

Lynda ( 알림 참조)에서 알 수 있듯이 IE11 의 호환성 변경 사항은 Edge 모드를 권장 합니다 .

IE11부터는 엣지 모드가 기본 문서 모드입니다. 브라우저에서 사용할 수있는 최신 표준에 대한 최고의 지원을 나타냅니다.

그러나 Microsoft의 입장은 명확하지 않았습니다. 다른 MSDN 페이지에서 Edge 모드를 권장하지 않았습니다 .

Edge 모드에서는 Internet Explorer 버전에 관계없이 모든 페이지가 표준 모드로 열리므로 Internet Explorer에서 보는 모든 페이지에이 페이지를 사용하려는 유혹이있을 수 있습니다. X-UA-Compatible헤더는 Windows Internet Explorer 8부터 지원되므로이 작업을 수행하지 마십시오 .

대신 Microsoft는 다음을 사용하는 것이 좋습니다 <!DOCTYPE html>.

지원되는 모든 버전의 Internet Explorer에서 표준 모드로 페이지를 열려면 HTML5 문서 유형 선언 […]을 사용하십시오.

로 리카르도는 (아래 코멘트에) 설명 어떤 DOCTYPE (HTML4, XHTML1 …) 트리거 표준 모드, HTML5의 DOCTYPE 단지로 사용할 수 있습니다. 중요한 것은 항상 페이지에 DOCTYPE을 갖는 것입니다.

Clara Onager 는 레거시 문서 모드 지정 의 이전 버전에서도 나타났습니다 .

에지 모드는 테스트 목적으로 만 사용됩니다. 프로덕션 환경에서는 사용하지 마십시오.

Usman Y 는 클라라오나 거 (Clara Onager) 가 다음에 대해 이야기하고 있다고 생각 하는 것이 매우 혼란 스럽다 .

[…] 예제는 설명 목적으로 만 제공됩니다. 프로덕션 환경에서는 사용하지 마십시오.
<meta http-equiv="X-UA-Compatible" content="IE=7,9,10" >

글쎄 …이 답변의 나머지 부분에서 사용 content="IE=edge,chrome=1"이 왜 프로덕션에서 좋은 습관 인지 더 많은 설명을 드리겠습니다 .

역사

수년 동안 (2000 ~ 2008 년) IE 시장 점유율은 80 % 이상이었습니다 . 그리고 IE v6 은 사실상의 표준 으로 간주되었습니다 ( 2003 년 , 2004 년, 2005 년 및 2006 년 에 IE6의 경우 80 % ~ 97 % , 모든 IE 버전에서 더 많은 시장 점유율).

IE6가 웹 표준을 준수 하지 않았기 때문에 개발자 는 IE6을 사용하여 웹 사이트를 테스트해야했습니다. 그 상황은 웹 개발자했다으로 마이크로 소프트 (MS)에 대한 좋았어요 구매 (예를 들어 IE는 윈도우를 구입하지 않고 사용할 수 없습니다) MS 제품을, 그리고 더 비 호환 머물 이익은 결정했다 (즉, 마이크로 소프트가되고 싶었다 표준이 다른 제외 회사).

따라서 많은 사이트가 IE6 만 준수했으며 IE는 웹 표준을 준수하지 않기 때문에 이러한 모든 웹 사이트는 표준 호환 브라우저에서 제대로 렌더링되지 않았습니다. 더 나쁜 것은 많은 사이트가 IE 만 필요하다는 것 입니다.

그러나 현재 Mozilla는 가능한 한 모든 웹 표준을 고려하여 Firefox 개발을 시작했습니다 (다른 브라우저는 IE6에서 수행 한 것처럼 페이지를 렌더링하도록 구현되었습니다). 점점 더 많은 웹 개발자가 새로운 웹 표준 기능을 사용하기를 원함에 따라 Firefox보다 더 많은 웹 사이트를 IE보다 더 많이 지원했습니다.

IE 시장 점유율이 감소했을 때, MS는 표준이 호환되지 않는 것이 좋지 않다는 것을 깨달았습니다. 따라서 MS는 점점 더 많은 웹 표준을 고려한 새로운 IE 버전 (IE8 / IE9 / IE10)을 출시하기 시작했습니다.

웹과 호환되지 않는 문제

그러나 문제는 IE6 용으로 설계된 모든 웹 사이트입니다. Microsoft는 이러한 기존 IE6 설계 웹 사이트와 호환되지 않는 새로운 IE 버전을 출시 할 수 없습니다. 웹 사이트가 디자인 된 IE 버전을 추론하는 대신 MS는 개발자에게 X-UA-Compatible자신의 페이지에 추가 데이터 ( ) 를 추가하도록 요청했습니다 .

IE6는 여전히 2016 년에 사용됩니다

오늘날 IE6은 여전히 사용되며 (2016 년 0.7 %) (2014 년 1 월 4.5 %) 일부 인터넷 웹 사이트는 여전히 IE6 전용입니다. 일부 인트라넷 웹 사이트 / 응용 프로그램은 IE6을 사용하여 테스트되었습니다. 일부 인트라넷 웹 사이트는 IE6에서만 100 % 작동합니다. 이 회사 / 부서는 마이그레이션 비용을 연기하는 것을 선호합니다. 다른 우선 순위는 더 이상 웹 사이트 / 애플리케이션이 어떻게 구현되었는지 알지 못하며 레거시 웹 사이트 / 애플리케이션 소유자는 파산했습니다 …

중국은 2013 년 IE6 사용량의 50 %를 차지하지만 중국 리눅스 배포판이 방송 됨에 따라 내년에 변경 될 수 있습니다 .

웹 기술에 자신감을 가지십시오

웹 표준을 준수하려는 경우 항상을 사용할 수 있습니다 http-equiv="X-UA-Compatible" content="IE=edge,chrome=1". 이전 브라우저와의 호환성을 유지하려면 최신 웹 기능을 사용하지 마십시오. 지원하려는 가장 오래된 브라우저에서 지원되는 하위 세트를 사용하십시오. 또는 더 나아가고 싶다면 개념을 우아한 저하 , 점진적 향상 및 눈에 띄지 않는 JavaScript 로 채택 할 수 있습니다 . ( 웹 개발자는 무엇을 고려해야합니까? 를 읽어보십시오 .)

최상의 IE 버전 렌더링에 신경 쓰지 마십시오. 브라우저는 웹 표준을 준수해야하므로이 작업이 아닙니다. 사이트가 표준을 준수하고 약간 최신 기능을 사용하는 경우 브라우저는 웹 사이트를 준수해야합니다 .

또한 IE6 를 죽이는 캠페인이 많기 때문에 ( IE6 no more , MS campaign ) 요즘에는 IE 테스트로 시간 낭비를 피할 수 있습니다!

개인 IE6 경험

2009-2012 년에는 IE6을 공식 단일 브라우저로 허용 하는 회사에서 근무했습니다 . IE6 전용 인트라넷 웹 사이트를 구현해야했습니다. 웹 표준을 존중하기로 결정했지만 IE6 가능 하위 집합 (HTML / CSS / JS)을 사용하기로 결정했습니다.

힘들었지 만 회사가 IE8로 전환했을 때 웹 표준 호환성을 확인하기 위해 Firefox와 firebug 를 사용했기 때문에 웹 사이트는 여전히 잘 렌더링되었습니다 .)

답변

차이점은을 지정하면 DOCTYPEIE의 호환성보기 설정 이 우선 한다는 것입니다. 기본적으로 이러한 설정은에 관계없이 모든 인트라넷 사이트를 호환성보기로 설정 DOCTYPE합니다. 에 관계없이 모든 웹 사이트에 호환성보기를 사용하는 확인란도 있습니다 DOCTYPE.

IE 호환성보기 설정 대화 상자

X-UA-Compatible호환성보기 설정을 무시하므로 브라우저 설정에 관계없이 페이지가 표준 모드로 렌더링됩니다. 이렇게하면 표준 모드가 다음에 적용됩니다.

인트라넷 페이지
컴퓨터 관리자가 대기업, 정부, 대학을 생각할 때 “호환성보기에 모든 웹 사이트 표시”를 기본값으로 선택한 경우의 외부 웹 페이지
실수로 Microsoft 호환성보기 목록 에 표시 될 때
사용자가 호환성보기 설정의 목록에 웹 사이트를 수동으로 추가 한 경우

DOCTYPE혼자서는 그렇게 할 수 없습니다. 이 경우에 관계없이 호환성보기 모드 중 하나가 DOCTYPE됩니다.

양쪽 만약 meta태그와 HTTP 헤더가 지정이는 meta태그가 우선합니다.

이 답변은 IE8 , IE9 및 IE10 에서 문서 모드를 결정하기위한 전체 규칙을 검토 한 결과 입니다. 를 보는 DOCTYPE것이 문서 모드를 결정하는 가장 마지막 폴백입니다.

답변

이것을 사용하여 IE가 주소 표시 줄에 성가신 브라우저 호환성 버튼을 숨기도록하십시오.

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

답변

표시된 답변에 의견을 추가 할 수 없으므로 여기에 게시하십시오.

정답 외에도 실제로이를 검증 할 수 있습니다. 이 메타 태그는 IE 전용이므로 IE 조건부 추가 만하면됩니다.

<!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->

이 작업은 다른 IE 조건문을 추가하는 것과 같으며 IE에서만 작동하며 다른 브라우저에는 영향을 미치지 않습니다.

답변

Microsoft 의이 다이어그램이 모두를 설명한다고 생각합니다. IE에게 컨텐츠 렌더링 방법을 알려주려면! DOCTYPE은 X-UA 호환 메타 태그와 함께 작동해야합니다. ! DOCTYPE 자체는 IE 문서 모드 변경에 영향을 미치지 않습니다.

http://ie.microsoft.com/testdrive/ieblog/2010/Mar/02_HowIE8DeterminesDocumentMode_3.png

답변

완전성을 위해 실제로 HTML에 추가 할 필요는 없습니다 (HTML5에서는 http-equiv로 알려지지 않음)

이것을하고 결코 뒤돌아 보지 마십시오 ( 아파치의 첫 번째 예 , nginx의 두 번째 예 )

Header set X-UA-Compatible "IE=Edge,chrome=1"

add_header X-UA-Compatible "IE=Edge,chrome=1";

How IT

언제든지 물어보세요.