IE 조건부 주석에 대한 자세한 설명 및 요약(예제 코드 포함)

이름에서 알 수 있듯이 조건부 주석을 사용하면 브라우저 버전과 같은 조건에 따라 코드 블록을 표시할 수 있습니다. 비표준이지만 조건부 주석은 다른 모든 브라우저에 일반 주석으로 표시되므로 본질적으로 무해합니다. 조건부 주석은 Windows의 IE5에 처음 등장했으며 모든 후속 버전의 Windows 브라우저에서 지원됩니다.

IE의 조건부 주석은 매우 효과적이고 기억하기 쉽습니다. 가장 큰 단점은 이러한 주석을 CSS가 아닌 HTML 페이지에 배치해야 한다는 것입니다. 이런 식으로 이러한 것들이 필요하지 않거나 변경을 할 때 많은 장소를 유지해야 합니다.

몇 가지 예를 살펴보겠습니다.

IE에서만 인식할 수 있습니다 IE5 이상 버전에서만 IE 조건부 주석을 지원하기 시작하므로 "IE에서만" 모든 "IE에서만 인식 가능"하다는 의미입니다. "IE5 이상"만 인식할 수 있습니다.

코드 복사 코드는 다음과 같습니다. @import "test.css" 🎜>

특정 버전만 인식 가능 예를 들어 IE5만 인식 가능, IE6만 인식 가능, IE7이나 IE8만 인식 가능합니다. 식별 조건은 특정 버전이며 더 높거나 낮을 수 없습니다. 예를 들어 다음 코드 블록은 IE8에서만 유효합니다.

코드 복사 코드는 다음과 같습니다. @import "test.css"; ;

특정 버전이 아닌 것만 인식 가능 IE 브라우저는 5 이상 버전이어야 하며 이는 논의 범위 내에 있습니다. 예를 들어 다음 예에서는 특정 IE7 버전을 인식할 수 없습니다.

코드 복사 코드는 다음과 같습니다. @import "test.css" ; >

특정 버전 이상에서만 인식 지정된 버전 이상의 IE 브라우저에서만 인식할 수 있는 코드 블록입니다. 코드 복사 코드는 다음과 같습니다. @import "test.css" ; >

왜 IE7에서는 효과가 적용되지 않느냐고 묻는 친구들도 있습니다. IE7은 IE7보다 높지 않고 IE7과 동일하기 때문입니다. 모든 IE7에는 효과가 없습니다.

특정 버전 이상인 경우에만 인식 가능

코드 복사 코드는 다음과 같습니다. test.css";

특정 버전보다 낮은 버전만 버전인식가능 코드복사 코드는 다음과 같습니다. @import "test.css" ![endif]-->

특정 버전 이하만 인식 가능 코드 복사 코드는 다음과 같습니다. > @import "test.css"; 키워드 설명 위의 코드는 기억하기 어려울 수도 있지만, 사실 키워드를 조금만 설명하면 기억하기 쉽습니다. lt: Less than의 줄임말로, less than을 의미합니다. lte: Less than orequal to의 약자로 작거나 같다는 뜻입니다. gt: Greater than의 줄임말로, ~보다 크다는 뜻입니다. gte: Greater than orequal to의 약어로, 크거나 같다는 뜻입니다. !: 같지 않음을 의미하며 이는 JavaScript의 불평등 판단기와 동일합니다. 이렇게 설명하시면 기억하기가 더 쉬울 것입니다. IE 조건부 주석 관련 주의사항 IE만 인식 가능 - 다음 코드를 예전에 본 적이 있는데 지금 생각하면 웃음이 나네요. 그러한 코드가 의미가 있습니까? 코드 복사 코드는 다음과 같습니다. @import "test.css"

CSS만이 아닙니다 오랫동안 저는 이것에 대해 오해를 해왔습니다. 스타일 호환성 문제를 해결하기 위해 브라우저마다 다른 CSS를 로드하는 데 사용되는 것이라고 생각했습니다. 사실 제가 틀렸어요. 실제로는 더 많은 일을 할 수 있습니다. HTML 코드 블록, JavaScript 코드 블록, 서버 측 코드 등 모든 코드 블록을 보호할 수 있습니다. 아래 코드를 살펴보세요.

코드 복사 코드는 다음과 같습니다. IE 브라우저를 사용하는 경우 상자가 나타납니다. alert("Internet Explorer를 사용하고 있습니다!") <![endif]- -&gt ;