IE8 호환성을 위한 중요한 속성 X-UA 호환

이번에는 IE8과 호환되는 중요한 속성 X-UA-Compatible을 소개합니다. X-UA-Compatible 사용 시 주의사항은 무엇이며, IE8과 호환되는 중요한 속성은 다음과 같습니다. 사례를 살펴보겠습니다.

코드는 다음과 같습니다.

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE" />

1. 이게 무슨 뜻인가요?

2. IE 버전을 구분하기 위해 ","를 사용하는 경우도 있고, ";"을 사용하는 경우도 있는데 어느 것이 맞나요?

3. IE=9; IE=EDGE의 의미를 알고 싶습니다.

문서에서 을 사용했습니다

답장:

IE8 이상, 예:

코드는 다음과 같습니다:

<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

브라우저가 특정 버전 표준에 따라 렌더링되도록 합니다. 단, IE7 이하 버전은 지원하지 않습니다. 세미콜론(;)으로 구분하면 브라우저 버전마다 호환성이 다릅니다. 예를 들어

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=9" />

위에서는 IE8과 IE7은 IE7 표준에 따라 렌더링되지만 IE9는 여전히 IE9 표준에 따라 렌더링됩니다. . 다양한 이전 버전과의 호환성 수준을 허용합니다. 실제 상황에서는

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

한 가지 버전만 선택하면 됩니다. 이렇게 하면 테스트와 유지 관리가 더 쉬워집니다. 일반적으로 더 유용한 방법은

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

For IE=EDGE

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

을 시뮬레이션하는 것입니다. 즉, 브라우저는 최신 표준에 따라 강제로 렌더링됩니다. Google CDN에서 최신 버전의 JQuery를 사용하는 것과 마찬가지로 최신 버전을 따르지만, 고정된 버전이 없기 때문에 레이아웃이 깨질 수도 있습니다.

마지막으로 다음을 고려하세요.

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

"chrome=1"을 추가하면 Google Chrome 내장 Frame(Chrome 프레임)을 사용하여 클라이언트 측에서 사이트를 렌더링할 수 있습니다. 효과가 없습니다.

For more information, there is plenty to read here, and if you want to learn about ChromeFrame (which I recommend) you can learn about its implementation here.

PS:

현재 대부분의 웹사이트에서는 IE8의 호환성 방법으로 을 사용하고 있습니다. IE8에서 생성된 페이지의 오류를 방지하려면 IE8에서 렌더링할 때 IE7을 직접 사용하는 것이 좋습니다. 즉, 페이지 헤더의 메타 태그에 다음 코드를 직접 추가하세요.

<meta http-equiv=”X-UA-Compatible” content=”IE=7″ /></p>< p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ ></p>< p><meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >

하지만 첫 번째 선택.

StackOverFlow原链接;http://stackoverflow.com/questions/14611264/x-ua-compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트Other 관련 기사를 주목하세요!

관련 읽기:

HTML 목록에서 dl(dt,dd), ul(li), ol(li)의 차이점은 무엇입니까?

제목 속성을 사용하여 마우스를 올리면 텍스트를 표시하는 방법

HTML 헤드 태그의 용도는 무엇인가요

위 내용은 IE8 호환성을 위한 중요한 속성 X-UA 호환의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!