<meta http-equiv =“X-UA-Compatible”content =“IE = edge”>는 무엇을합니까?
답변:
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=edgeIE가 최신 버전의 렌더링 엔진을 사용해야 함을 의미합니다.chrome=1설치된 경우 IE에서 Chrome 렌더링 엔진을 사용해야 함을 의미합니다.
또는 웹 서버 구성에서 더 좋습니다.
( RiaD의 답변 참조 )
-
<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 를 사용했기 때문에 웹 사이트는 여전히 잘 렌더링되었습니다 .)
Starting with IE11, edge mode is the preferred document mode; it represents the highest support for modern standards available to the browser.
차이점은을 지정하면 DOCTYPEIE의 호환성보기 설정 이 우선 한다는 것입니다. 기본적으로 이러한 설정은에 관계없이 모든 인트라넷 사이트를 호환성보기로 설정 DOCTYPE합니다. 에 관계없이 모든 웹 사이트에 호환성보기를 사용하는 확인란도 있습니다 DOCTYPE.
X-UA-Compatible호환성보기 설정을 무시하므로 브라우저 설정에 관계없이 페이지가 표준 모드로 렌더링됩니다. 이렇게하면 표준 모드가 다음에 적용됩니다.
- 인트라넷 페이지
- 컴퓨터 관리자가 대기업, 정부, 대학을 생각할 때 "호환성보기에 모든 웹 사이트 표시"를 기본값으로 선택한 경우의 외부 웹 페이지
- 실수로 Microsoft 호환성보기 목록 에 표시 될 때
- 사용자가 호환성보기 설정의 목록에 웹 사이트를 수동으로 추가 한 경우
DOCTYPE혼자서는 그렇게 할 수 없습니다. 이 경우에 관계없이 호환성보기 모드 중 하나가 DOCTYPE됩니다.
양쪽 만약 meta태그와 HTTP 헤더가 지정이는 meta태그가 우선합니다.
이 답변은 IE8 , IE9 및 IE10 에서 문서 모드를 결정하기위한 전체 규칙을 검토 한 결과 입니다. 를 보는 DOCTYPE것이 문서 모드를 결정하는 가장 마지막 폴백입니다.
이것을 사용하여 IE가 주소 표시 줄에 성가신 브라우저 호환성 버튼을 숨기도록하십시오.
<meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">을 위해 chrome=1지시문 과 함께 사용 하므로 IE6, 7, 8 사용자에게 Chrome 프레임 을 설치 / 사용하도록 프롬프트 합니다. HTML5 보일러 플레이트 조차도 그것을 사용합니다.
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">아무런 문제없이 나온 날부터 사용 했습니다. 실제로, 사용자 IE가 최신 엔진을 사용하여 우리가 구축 한 페이지를 렌더링하도록함으로써 이미 팀과 수백 가지의 두통을 구했습니다. 귀하와 Microsoft와 달리 매번 위의 메타 태그를 사용하는 것이 좋습니다 . IE가 여전히 존재하는 한, 우리는이 메타 태그를 사용하도록 "강제"됩니다 : p
<meta http-equiv="X-UA-Compatible" content="IE=10">. 그런 다음 Microsoft Internet Explorer로보고됩니다.
표시된 답변에 의견을 추가 할 수 없으므로 여기에 게시하십시오.
정답 외에도 실제로이를 검증 할 수 있습니다. 이 메타 태그는 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";Bad value X-UA-Compatible for attribute http-equiv on element meta.한다고 말합니다.-작동하지 않는다는 의미는 아닙니다. 유효한 코드가 아닙니다.
<meta http-equiv="X-UA-Compatible" content="IE=Edge">이 라인이 예상대로 작동하게하려면 다음을 확인하십시오.
- 바로 첫 번째 요소입니다
<head> - 메타 태그 이전에는 요소 와 같은 조건부 주석 이 사용 되지 않습니다.
<html>
그렇지 않으면 일부 IE 버전은 단순히 무시합니다.
최신 정보
이 두 규칙은 단순화되었지만 기억하고 확인하기 쉽습니다. MSDN 문서에는 제목 및 기타 메타 태그를이 태그 앞에 넣을 수 있다고 말하지만 그렇게하지 않는 것이 좋습니다.
헤드의 요소 순서에 관한 흥미로운 기사. (blogs.msdn.com, IE 용)
참고
로부터 MSDN 문서 :
X-UA-Compatible[...] 타이틀 엘리먼트 등의 메타 엘리먼트를 제외한 모든 다른 구성 요소 이전에 웹 페이지 (헤드 부)의 헤더에 표시한다.
DOCTYPE에도 불구하고 서버 IE가 호환 모드 로 전환하기를 원하는 것과 동일한 네트워크에서 웹 사이트를 사용하는 경우
추가 meta http-equiv="X-UA-Compatible" content="IE=Edge" 하면 이 원치 않는 동작이 비활성화 됩니다.
이것은 LITERALLY 1 google query away 이지만 여기에갑니다.
http://msdn.microsoft.com/en-us/library/jj676915(v=vs.85).aspx
레거시 문서 모드 이해
Internet Explorer 6에서 IE11까지 Internet Explorer에서 지원하는 최고 표준 모드 인 에지 모드로 웹 페이지를 표시하려면 다음 값을 사용하십시오.
<meta http-equiv="x-ua-compatible" content="IE=edge"참고 이것은 HTML5의 문서 타입을 사용하여 동일한 기능입니다. Internet Explorer를 최고 지원 문서 모드로 설정합니다. Edge는 Internet Explorer를 포함하여 여러 브라우저 간의 상호 운용성을 정기적으로 테스트하는 정기적으로 유지 관리되는 웹 사이트에 가장 유용합니다.
참고 IE11부터는 엣지 모드가 기본 문서 모드로 간주됩니다. (이전 버전에서는 실험적인 것으로 간주되었습니다.) 자세한 내용은 문서 모드가 더 이상 사용되지 않음을 참조하십시오. Windows Internet Explorer 8부터 일부 웹 개발자는 에지 모드 메타 요소를 사용하여 주소 표시 줄의 호환성보기 단추를 숨겼습니다. IE11부터는 주소 표시 줄에서 버튼이 제거되어 더 이상 필요하지 않습니다. Internet Explorer의 버전에 관계없이 모든 페이지가 표준 모드에서 열리도록하기 때문에 Internet Explorer로 보는 모든 페이지에 대해 에지 모드를 사용하려는 유혹이있을 수 있습니다. X-UA-Compatible 헤더는 Internet Explorer 8부터 지원되므로이 작업을 수행하지 마십시오.
팁 지원되는 모든 버전의 Internet Explorer에서 표준 모드로 페이지를 열려면 앞의 예와 같이 HTML5 문서 유형 선언을 사용하십시오.
또한 검색 결과는 다음과 같습니다.
2.1.3.5 X-UA 호환성 메타 태그 및 HTTP 응답 헤더
이 기능은 모든 버전의 Microsoft Edge에서 구현되지 않습니다.
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />참조 https://msdn.microsoft.com/en-us/library/ff955275(v=vs.85).aspx를
예, 파티에 늦었다는 것을 알고 있지만 문제와 토론이 있었으며 결국 상사는 내가 작업하고있는 X-UA-Compatible모든 문서에서 태그 제거를 제거했습니다.
이 정보가 오래되었거나 더 이상 관련이없는 경우 수정하십시오.