> 웹 프론트엔드 > HTML 튜토리얼 > HTML 조건부 주석 사용법 설명

HTML 조건부 주석 사용법 설명

不言
풀어 주다: 2018-04-27 14:11:57
원래의
1701명이 탐색했습니다.

이 글은 HTML 조건부 주석의 사용법과 해석을 주로 소개합니다. 이제는 모든 사람과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다.

HTML 조건부 주석의 사용법과 해석


댓글 내용은 다음과 같은 스타일을 사용합니다.

1. 모든 IE 브라우저 지원

<!--[if IE]>
<link rel="stylesheet" href="all-ie-only.css" type="text/css"/>
<![endif]-->
로그인 후 복사

2. IE 이외의 브라우저 지원

<!--[if !IE]>
<link rel="stylesheet" href="not-ie.css" type="text/css"/>
<![endif]-->
로그인 후 복사

위에서는 IE 브라우저를 제외한 모든 브라우저가 이 스타일을 인식합니다. -TRICKS의 "How To Create an 기사 "IE-Only Stylesheet"는 또 다른 작성 방법을 제공합니다:

<!--[if !IE]><!--><link rel="stylesheet" type="text/css" href="not-ie.css" /><!--<![endif]-->
로그인 후 복사

3. IE10

<!--[if IE 10]>
<link rel="stylesheet" type="text/css" href="ie10.css">
<![endif]-->
로그인 후 복사

4만 지원합니다. IE10 이하 버전(IE9 및 IE9 이하 버전)을 지원합니다

이 방법은 다음과 같습니다. 스타일 시트가 IE10 브라우저 이하일 때 사용됩니다. 즉, IE10을 제외한 모든 IE 버전이 지원됩니다.

<!--[if lt IE 10]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->
로그인 후 복사

<!--[if lte IE 9]>
<link rel="stylesheet" type="text/css" href="ie9-and-down.css">
<![endif]-->
로그인 후 복사

로 쓸 수도 있습니다. 앞서 lt와 lte의 차이점을 언급했습니다. lt는 조건부 버전 번호 자체를 제외하고 버전 번호보다 작거나 같음을 의미합니다. 버전 번호 자체를 포함한 버전 번호. lt表示小于版本号,不包括条件版本号本身;而lte是小于或等于版本号,包括了版本号自身

上面这几种方法,使用的是低于(lt)和低于或等于(lte)的方法来判断,我们也可以使用大于gt和大于或等于gte

위의 방법은 gt보다 크고 gte보다 작거나 같음(lte)의 방법을 사용합니다. 위의 효과를 얻으려면:

5. IE9보다 높은 버전(IE10 및 IE10 이상)

<!--[if gt IE 9]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->
로그인 후 복사

또는

<!--[if gte IE 10]>
<link rel="stylesheet" type="text/css" href="ie10-and-up.css">
<![endif]-->
로그인 후 복사

6. 여러 IE 버전을 지정하세요.

<!--[if (IE 6)|(IE 7)|(IE 8)]>
<link rel="stylesheet" type="text/css" href="ie6-7-8.css">
<![endif]-->
로그인 후 복사

참조: https://www .cnblogs.com/hushufang/p/3708704.html

관련 권장 사항:

HTML5에서 오디오 및 비디오 태그 사용

🎜

위 내용은 HTML 조건부 주석 사용법 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿