IE8 호환성에 대하여 : X-UA 호환 속성 설명_HTML/Xhtml_웹페이지 제작

문제 설명:

코드 복사

코드는 다음과 같습니다.

1. 이게 무슨 뜻인가요?

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

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

문서에서

을 사용함

답변:

IE8 이상 예:

코드 복사

코드는 다음과 같습니다.

특정 버전 표준에 따라 브라우저를 강제로 렌더링합니다. 단, IE7 이하 버전은 지원하지 않습니다. 세미콜론(;)으로 구분하면

코드 복사

와 같이 브라우저 버전마다 호환성이 다릅니다. 코드는 다음과 같습니다.

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

코드 복사

코드는 다음과 같습니다.

이렇게 하면 테스트 및 유지 관리가 더 쉬워집니다. 일반적으로 더 유용한 방법은

코드 복사

코드는 다음과 같습니다.

를 시뮬레이션하는 것입니다. < 메타 http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

IE=EDGE

코드 복사

코드는 다음과 같습니다.

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

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

코드 복사

코드는 다음과 같습니다.

"chrome=1"을 추가하면 사이트에서 Google Chrome 프레임(Chrome)을 사용할 수 있습니다. 프레임) 클라이언트 측 렌더링은 사용되지 않는 렌더링에는 영향을 미치지 않습니다.

코드 복사

코드는 다음과 같습니다.

자세한 내용은 여기에서 읽을 내용이 많으며, ChromeFrame(추천)에 대해 알아보고 싶다면 여기에서 구현 방법을 알아볼 수 있습니다.

추신:

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

코드 복사

코드는 다음과 같습니다:

그러나 이 여전히 선호됩니다.

StackOverFlow 원본 링크, http://stackoverflow.com/questions/14611264/x-ua- Compatible-content-ie-9-ie-8-ie-7-ie-edge?answertab=active#tab-top