뭐 하는 거야?
하나의 웹 페이지가 다음과 같이 시작하는 경우 차이점은 무엇입니까?
<!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 버전에서 대부분의 표준 모드로 렌더링하고 싶기 때문입니다.
2021년 11월 갱신
이 답변은 이제 10년 이상 되었기 때문에 오래된 레거시 브라우저를 지원할 필요가 없는 한 이 태그를 완전히 제외하는 것이 좋습니다.
2015년 10월 갱신
이 답변은 몇 년 전에 게시되었습니다.이제 정말 궁금한 것은 사이트에서 태그를 사용하는 것을 검토해야 한다는 것입니다.Microsoft 브라우저에 대한 변경 사항(자세한 내용은 아래 참조)을 참조하십시오.
브라우저에 , 「Microsoft」, 「Microsoft」를 계속 경우가 .X-UA-CompatibleIE9 또는 IE8을 지원해야 한다면 태그를 사용하는 것을 추천합니다.최신 브라우저(IE11 및/또는 Edge)만 지원한다면 이 태그를 완전히 삭제하는 것을 고려해 보겠습니다.Twitter Bootstrap을 사용하여 검증 경고를 제거해야 할 경우 이 태그는 지정된 순서대로 표시되어야 합니다."이것들"은 다음과 같습니다.
X-UA-Compatible메타 태그를 사용하면 웹 작성자는 페이지를 렌더링해야 하는 Internet Explorer 버전을 선택할 수 있습니다.IE11 에서는 이러한 모드가 변경되었습니다.아래의 IE11 주를 참조해 주세요.IE11을 대체한 브라우저인 Microsoft Edge는X-UA-Compatible메타 태그를 지정합니다.「Microsoft Edge」를 참조해 주세요.
에 , 의 「」를 ,X-UA-Compatible 내에서 한 한 합니다.head:
X-UA-Compatible META 태그를 사용하는 경우 가능한 한 페이지 HEAD 상단에 배치해야 합니다.Internet Explorer가 최신 버전을 사용하여 마크업 해석을 시작합니다.Internet Explorer는 X-UA 호환 META 태그를 발견하면 지정된 버전의 엔진을 사용하여 다시 시작합니다.브라우저가 콘텐츠 분석을 중지했다가 다시 시작해야 하므로 성능 저하가 발생합니다.
옵션은 다음과 같습니다.
- "IE=엣지"
- "IE=11"
- "IE=프로세서IE11"
- "IE=10"
- "IE=프로세서IE10"
- "IE=9"
- "IE=프로세서IE9
- "IE=8"
- "IE=프로세서IE8 인치
- "IE=7"
- "IE=프로세서IE7"
- "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(작업 초안), W3C 캐스케이드 스타일 시트 레벨 3(작업 초안), 스케일러블 벡터 그래픽스(SVG) 1.0 사양 등, 확립된 업계 표준과 새로운 업계 표준에 최적인 서포트를 제공합니다.[편집자 주:IE 9는 CSS3 애니메이션을 지원하지 않습니다.
- IE8 모드는 W3C Cascading Style Sheets Level 2.1 사양 및 W3C Selectors API를 포함한 많은 확립된 표준을 지원합니다.또한 W3C Cascading Style Sheet Level 3 사양(작업 초안) 및 기타 새로운 표준도 지원합니다.
- IE7 모드는 페이지에 <!>가 포함되어 있는지 여부에 관계없이 Internet Explorer 7에서 표준 모드로 표시된 것처럼 콘텐츠를 렌더링합니다.DOSCTYPE> 지침.
- IE9 에뮬레이트 모드에서는 Internet Explorer에 <!콘텐츠를 렌더링하는 방법을 결정하는 DOSCTYPE> 지침입니다.표준 모드 지시문은 IE9 모드로 표시되고 퀴즈 모드 지시문은 IE5 모드로 표시됩니다.IE9 모드와는 달리, 에뮬레이트 IE9 모드는,<!DOSCTYPE> 지침.
- IE8 에뮬레이트 모드에서는 Internet Explorer에 <!콘텐츠를 렌더링하는 방법을 결정하는 DOSCTYPE> 지침입니다.표준 모드 지시문은 IE8 모드로 표시되고 퀴즈 모드 지시문은 IE5 모드로 표시됩니다.IE8 모드와는 달리, 에뮬레이트 IE8 모드는,<!DOSCTYPE> 지침.
- IE7 에뮬레이트 모드에서는 Internet Explorer에 <!콘텐츠를 렌더링하는 방법을 결정하는 DOSCTYPE> 지침입니다.표준 모드 디렉티브는 Internet Explorer 7 표준 모드로 표시되고 퀴즈 모드 디렉티브는 IE5 모드로 표시됩니다.IE7 모드와는 달리, 에뮬레이트 IE7 모드는,<!DOSCTYPE> 지침.많은 웹 사이트에서 이 모드는 권장되는 호환성 모드입니다.
- IE5 모드는 Internet Explorer 7에서 퀴즈 모드로 표시된 것처럼 콘텐츠를 렌더링합니다.이것은 Microsoft Internet Explorer 5에서 콘텐츠가 표시되는 방식과 매우 유사합니다.
IE10 메모: IE10에서는 이전 버전의 브라우저와 다르게 동작합니다.IE9 이전 버전에서는 퀴즈 모드가 웹 페이지를 IE5.5에서 지원하는 기능으로 제한했습니다.IE10 에서는, quirks 모드는 HTML5 사양에 지정되어 있는 차이에 준거하고 있습니다.
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★.http-equiv="X-UA-Compatible" content="IE=edge"메타 태그는 오래된 버전에는 버그가 많기 때문에 IE가 "호환성 모드"로 전환하여 내 사이트를 IE7 vs IE8 또는 9로 표시하는 것을 원하지 않습니다.IE를 사용하다
IE11
Microsoft 제품:
IE11부터는 엣지 모드가 권장되는 문서 모드입니다.이것은 브라우저가 이용할 수 있는 최신 표준에 대한 최고의 지원을 나타냅니다.
HTML5 문서 유형 선언을 사용하여 에지 모드를 활성화합니다.
<!doctype html>
엣지 모드는 Internet Explorer 8에서 도입되어 이후의 각 릴리스에서 사용할 수 있게 되었습니다.엣지 모드에서 지원되는 기능은 콘텐츠를 렌더링하는 브라우저의 특정 버전에서 지원되는 기능으로 제한됩니다.
IE11부터는 문서 모드가 폐지되어 일시적인 경우를 제외하고 더 이상 사용하지 않습니다.최신 표준을 반영하기 위해 레거시 기능과 문서 모드에 의존하는 사이트를 업데이트하십시오.
최신 표준 및 기능을 지원하도록 수정하는 동안 사이트가 작동하도록 특정 문서 모드를 대상으로 해야 하는 경우, 이후 버전에서 사용할 수 없는 전환 기능을 사용하고 있다는 점에 유의하십시오.
현재 x-ua 호환 헤더를 사용하여 레거시 문서 모드를 대상으로 하는 경우, IE11에서 사용할 수 있는 최상의 환경이 사이트에 반영되지 않을 수 있습니다.
Microsoft Edge(Windows 10과 함께 제공되는 Internet Explorer 대체)
관한 X-UA-CompatibleIE의 "Edge" 버전용 메타 태그입니다.Microsoft 제품:
"Live" Edge 문서 모드 소개
2013년 8월에 발표한 바와 같이 IE11에서는 문서 모드를 폐지하고 있습니다.델의 최신 플랫폼 업데이트에서는 레거시 문서 모드의 필요성이 주로 엔터프라이즈 레거시 웹 애플리케이션으로 제한됩니다.새로운 아키텍처 변경으로 인해 이러한 레거시 문서 모드는 "활성" 에지 모드의 변경과 분리되므로 이러한 모드에 의존하는 고객에게 훨씬 더 높은 수준의 호환성을 보장하고 Edge의 개선을 더욱 빠르게 진행할 수 있습니다.IE는 인트라넷 사이트, 호환성 보기 목록에 있는 사이트 및 Enterprise 모드에서만 제공되는 문서 모드를 계속 사용합니다.
공용 인터넷 사이트는 새로운 에지 모드 플랫폼(X-UA 호환 무시)으로 렌더링됩니다.앞으로는 Edge가 "활성" 문서 모드가 되고 문서 모드가 더 이상 도입되지 않는 것이 우리의 목표입니다.
대부분의 경우 문서 모드를 더 이상 지원하지 않도록 Microsoft Edge가 변경됨에 따라 Microsoft는 사이트를 스캔하여 Edge와 호환되지 않는 코드가 있는지 확인할 수 있는 도구를 제공합니다.
IE용 Chrome=1 정보
, there있있 there 도 있다.chrome=1하다, 사용하다, 하다, 사용하다, 하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다, 사용하다.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">chrome=1는 다음과 정의된 입니다.
Google Chrome Frame은 오픈 소스 브라우저 플러그인입니다.플러그인을 설치한 사용자는 브라우저에서 페이지를 열 때 구글 크롬의 개방형 웹 기술과 빠른 자바스크립트 엔진에 액세스할 수 있습니다.
Google Chrome 프레임은 Internet Explorer에서 브라우징 경험을 심리스하게 향상시킵니다.Google Chrome의 렌더링 기술을 사용하여 Google Chrome 프레임 지원 사이트를 표시하여 일반적인 브라우저 사용을 중단하지 않고 최신 HTML5 기능과 Google Chrome의 성능 및 보안 기능에 액세스할 수 있습니다.
Google Chrome Frame이 설치되면 웹은 생각할 필요 없이 더 이상 생각할 필요가 없습니다.
, 이 하려면 , 「」를 사용할 가 있습니다.chrome=1 X-UA-Compatible메타 태그
Chrome 프레임에 대한 자세한 내용은 여기를 참조하십시오.
참고: Google Chrome Frame은 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 헤더를 설정해 서버 레벨로 실행하는 것을 검토해 주세요.는 다음과 같이 말하고 있습니다.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).HTTP 헤더를 설정하는 방법에 대한 자세한 내용은 olibre의 답변 또는 bitin의 답변을 참조하십시오.
XHTML
경우 <meta http-equiv="X-UA-Compatible" content="IE=Edge" />닫혀 있는 한 「」의 「」의 「」의 「」의 「」의 「」의 「」의 「」의 「」, 「」의 「」의 「」, 「」의 「」의 「」의 「」, 「」의 「」,/> »>를 참조해 주세요.
트위터 부트스트랩(V3 이하)
이 태그는 적어도 2014년부터 부트스트랩 팀에 의해 강력히 권장되고 있으며, twbs 팀에 의해 작성된 라인터인 Bootlint는 태그를 생략하면 계속 경고를 보냅니다.린터는 경고와 오류를 구분하므로 이 태그를 생략하는 심각도는 경미한 것으로 간주될 수 있습니다.
것은, 「」를 참조해 주세요.X-UA-CompatibleMicrosoft 의 Web 사이트 문서 호환성 정의를 참조해 주세요.
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 주소 표시줄에 호환성 보기 버튼이 표시되지 않음
또한 페이지에는 배치되지 않은 메뉴, 이미지 및 텍스트 상자가 뒤섞여 표시되지 않습니다.★★★★★
는, 「Meta Tag」를 유효하게 하기 합니다.javascript::JSON.parse()IE8의 경우
)<!DOCTYPE html>□□□□□□□□★★★★★★★
HTML/CSS/JavaScript/JavaScript를 사용합니다.★★★
Trident 렌더링 엔진은 엣지 모드에서 더 빨리 실행되어야 합니다.
사용.
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> -
server { #... add_header X-UA-Compatible "IE=Edge,chrome=1"; } -
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>
Microsoft는 IE11 이후 엣지 모드를 권장합니다.
Lynda(주석 참조)에서 알 수 있듯이 IE11의 호환성 변경은 엣지 모드를 권장합니다.
IE11부터는 엣지 모드가 권장되는 문서 모드입니다.이것은 브라우저가 이용할 수 있는 최신 표준에 대한 최고의 지원을 나타냅니다.
그러나 마이크로소프트의 입장은 명확하지 않았다.다른 MSDN 페이지에서 Edge 모드를 권장하지 않았습니다.
Edge 모드는 Internet Explorer 버전에 관계없이 모든 페이지를 표준 모드로 열 수 있으므로 Internet Explorer에서 보는 모든 페이지에 대해 이 모드를 사용해야 할 수 있습니다. 안 돼요, 하면 안 돼요
X-UA-CompatibleWindows Internet Explorer 8 후후이 。
는 「」를 사용하는 것을 했습니다.<!DOCTYPE html>:
지원되는 모든 버전의 Internet Explorer에서 페이지를 표준 모드로 열려면 HTML5 문서 유형 선언 [...]을 사용하십시오.
Ricardo가 (아래 설명에서) 설명하듯이, HTML5의 DOSCTYPE뿐만 아니라 모든 DOSCTYPE(HTML4, XHTML1...)를 사용하여 표준 모드를 트리거할 수 있습니다.중요한 것은 페이지에 항상 DOSCTYPE가 있어야 한다는 것입니다.
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는 Windows를 구입하지 않으면 사용할 수 없음), 비준수(즉, Microsoft는 다른 회사를 제외한 표준이 되기를 원함)가 더 많은 이익을 얻었기 때문에 마이크로소프트(MS)에게 이 상황은 매우 좋았다.
따라서 많은 사이트가 IE6에만 준거하고 IE가 웹 표준을 준수하지 않았기 때문에 이러한 웹 사이트는 모두 표준 준거 브라우저에서는 제대로 렌더링되지 않았습니다.설상가상으로, 많은 사이트에서는 IE만을 필요로 했습니다.
그러나 이때 Mozilla는 가능한 모든 웹 표준을 고려하여 Firefox 개발을 시작했습니다(IE6에서와 같이 페이지를 렌더링하기 위해 다른 브라우저가 구현되었습니다).점점 더 많은 웹 개발자들이 새로운 웹 표준 기능을 사용하기를 원함에 따라, 점점 더 많은 웹사이트들이 IE보다 파이어폭스에 의해 더 많이 지원되었다.
IE 시장 점유율이 낮아지고 있을 때 MS는 표준 호환성을 유지하는 것이 좋은 생각이 아니라는 것을 깨달았습니다.이에 따라 MS는 웹 표준을 준수하는 새로운 IE 버전(IE8/IE9/IE10)을 출시하기 시작했습니다.
웹 호환성이 없는 문제
그러나 문제는 IE6용으로 설계된 모든 웹사이트입니다. Microsoft는 이러한 오래된 IE6용 웹사이트와 호환되지 않는 새로운 IE 버전을 출시할 수 없습니다.웹 가 설계된 데이터MS의 IE)를했습니다.X-UA-Compatible를 참조해 주세요를 참조해 주세요.
IE6는 2016년에도 사용
현재도 IE6를 사용하고 있다(2016년 0.7%) (2014년 1월 4.5%) 그리고 일부 인터넷 웹사이트는 여전히 IE6만을 준수하고 있다.일부 인트라넷 웹사이트/애플리케이션은 IE6을 사용하여 테스트됩니다.일부 인트라넷 웹사이트는 IE6에서만 100% 작동합니다.이러한 기업/부문에서는 이행 비용을 연기하는 것을 선호하고 있습니다.다른 우선순위는 웹사이트/애플리케이션의 구현 방법을 알 수 없게 된 경우, 레거시 웹사이트/애플리케이션의 소유자가 파산한 경우 등입니다.
2013년에는 중국이 IE6 사용량의 50%를 차지하지만, 중국판 Linux 배포판이 방송됨에 따라 향후 변화할 가능성이 있습니다.
웹 스킬에 자신감을 가지다
할 수 .http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"오래된 브라우저와의 호환성을 유지하려면 최신 웹 기능을 사용하지 마십시오. 지원하는 가장 오래된 브라우저에서 지원되는 서브셋을 사용하십시오.더 나아가고 싶다면 그레이스 풀 디그레이션, 프로그레시브 인핸스먼트, 언인스펙티브 자바스크립트 등의 개념을 채택할 수 있습니다.(Web 개발자는 무엇을 고려해야 합니까?를 읽어보실 수도 있습니다.
최상의 IE 버전 렌더링은 신경 쓰지 마십시오.브라우저는 웹 표준에 준거해야 하므로 사용자의 업무가 아닙니다.사이트가 표준 규격에 준거하여 적당한 최신 기능을 사용하는 경우 브라우저는 웹 사이트와 호환되어야 합니다.
게다가 IE6를 죽이기 위한 캠페인이 많이 있기 때문에(IE6는 이제 MS 캠페인), 요즘은 IE 테스트로 시간 낭비를 피할 수 있습니다.
퍼스널 IE6 경험
2009-2012년에는 IE6를 공식 단일 브라우저로 사용하는 회사에서 근무했습니다.IE6 전용 인트라넷 웹사이트를 구현해야 했습니다.웹 표준을 존중하기로 결정했지만 IE6 지원 서브셋(HTML/CSS/JS)을 사용합니다.
힘들었지만 IE8로 넘어갔을 때 웹 표준 호환성을 확인하기 위해 Firefox와 firebug를 사용했기 때문에 웹 사이트는 여전히 잘 렌더링되었습니다.
차이가 있다, 하다, 하다, 하다, 하다, 입니다.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" />
표시된 답변에 코멘트를 추가할 수 없기 때문에, 여기에 투고합니다.
정답 외에 이 검증도 받을 수 있습니다.이 메타 태그는 IE 전용이므로 IE 조건만 추가하면 됩니다.
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<![endif]-->
이는 다른 IE 조건문을 추가하는 것과 마찬가지로 IE에서만 작동하며 다른 브라우저에는 영향을 주지 않습니다.
마이크로소프트의 이 도표가 모든 것을 설명해 준다고 생각합니다.IE에게 콘텐츠를 렌더링하는 방법을 알려 주기 위해!DOSCTYPE는 X-UA-Compatible 메타 태그를 사용해야 합니다.!DO3}PE 자체는 IE Document Mode 변경에 영향을 미치지 않습니다.
http://ie.microsoft.com/testdrive/ieblog/2010/Mar/02_HowIE8DeterminesDocumentMode_3.png
Internet Explorer에 최신 렌더링 엔진을 사용하도록 지시합니다.라고 한 문장만 표시
<meta http-equiv="x-ua-compatible" content="ie=edge">
완전성을 위해 HTML에 추가할 필요는 없습니다(HTML5에서는 http-equiv를 알 수 없습니다).
이 작업을 수행하고 뒤돌아보지 마십시오(첫 번째 예제는 apache, 두 번째 예제는 nginx).
Header set X-UA-Compatible "IE=Edge,chrome=1"
add_header X-UA-Compatible "IE=Edge,chrome=1";
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
이 회선이 예상대로 동작하도록 하려면 , 다음의 사항을 확인해 주세요.
- 에 오는 첫 입니다.
<head> - 메타 태그 앞에는 조건부 코멘트가 사용되지 않습니다(예:
<html>에 의존하다
그렇지 않으면 일부 IE 버전은 단순히 무시합니다.
갱신하다
이 두 가지 규칙은 단순하지만 기억하고 확인하기 쉽습니다.MSDN 문서에서는 제목 및 기타 메타 태그를 이 태그보다 앞에 붙일 수 있다고 되어 있습니다만, 그렇게 하는 것은 권장하지 않습니다.
머릿속의 요소의 순서에 관한 흥미로운 기사(blogs.msdn.com, IE의 경우)
언급
MSDN 의 메뉴얼로부터, 다음의 것을 참조해 주세요.
X-UA-Compatible및 요소를 보다 먼저 웹 섹션)에되어야 합니다.[...]
서버 IE와 동일한 네트워크에서 웹 사이트를 사용하는 경우 DOSCTYPE에도 불구하고 호환성 모드로 전환하려고 합니다.
" " " meta http-equiv="X-UA-Compatible" content="IE=Edge" 는, 이 불필요한 동작을 디세블로 합니다.
이것은 말 그대로 1개의 구글 쿼리에 불과하지만, 다음과 같습니다.
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 doctpe를 사용하는 것과 동일합니다.Internet Explorer는 지원되는 문서 모드 중 가장 높은 모드로 설정됩니다.Edge most는 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태그 제거 작업을 수행 중인 모든 문서에서 제거합니다.
이 정보가 오래되었거나 더 이상 관련이 없는 경우 수정해 주십시오.
언급URL : https://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do
'programing' 카테고리의 다른 글
| Git의 다른 브랜치에서 선택적으로 마지 또는 변경 사항을 선택하려면 어떻게 해야 합니까? (0) | 2023.04.13 |
|---|---|
| NSApp Transport Security를 info.plist 파일에 추가하려면 어떻게 해야 하나요? (0) | 2023.04.13 |
| Windows 의 인스톨 시각과 일자를 가르쳐 주세요. (0) | 2023.04.08 |
| Grep - f와 동등한 PowerShell (0) | 2023.04.08 |
| PowerShell 'profile.ps1' 파일에는 무엇이 있습니까? (0) | 2023.04.08 |