HTML의 코드 주석 정보

零到壹度원래의: 2018-03-29 15:14:113877검색

이 기사는 주로 HTML의 코드 주석에 대한 기사를 공유하며 좋은 참조 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다. 편집자를 따라가서 살펴보겠습니다.

HTML 주석

HTML 코드에서 803f1cdadf7814a3f22dc7c606a65891으로 시작하여 1b771f47d72d900ba74308aee59557f0로 끝납니다. IE, non-IE 또는 버전 번호를 기준으로 판단할 수 있습니다. 즉, 버전 번호는 소수점 4자리까지 정확할 수 있습니다. 예:

<!--[if IE]> <![endif]-->      /* 所有IE，无论哪个版本 */
<!--[if IE 6]> <![endif]-->    /* 如果IE版本是6 */

조건부 판단은 초과(gt: 초과), 미만(lt: 미만), 초과(gte: 크거나 같음), 작거나 같음(lte:)도 지원합니다. 작거나 같음) 또는 (|), AND (&), NOT (!), 대괄호. 예:

<!--[if gt IE 6]> <![endif]-->             /* 如果IE版本大于6 */
<!-- [if lte IE 9]> <![endif]-->            / * 如果IE版本小于等于9 * /
<!--[if IE 6 | IE 7]> <![endif]-->          /* 如果IE版本是6或7 */
<!--[if ! IE 5.5]> <![endif]-->             /* 如果IE版本不是5.5 */
<!-- [if (gt IE 6) & (lte IE 9)]> <![endif]-->  / * 如果IE版本大于6，且小于等于9 * /

조건부 주석의 도움으로 많은 IE 호환성 문제를 해결할 수 있습니다. 예를 들어, IE9 이하 버전은 새로운 HTML5 요소인 헤더, 탐색, 옆면, 바닥글 등을 지원하지 않습니다. 인터넷에는 이 문제를 해결할 수 있는 html5shiv 스크립트가 많이 있습니다. 해당 스크립트를 다운로드하고 페이지 헤드에 있는 IE 조건부 주석을 사용하여 IE9 이하 버전에서 스크립트를 로드하면 이러한 기존 브라우저가 HTML5의 새로운 요소를 지원할 수 있습니다.

<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

같은 방법을 사용하여 CSS 호환성 문제를 해결할 수도 있습니다. 예를 들어, IE6이 일부 새로운 CSS 기능을 지원하지 않는 경우 IE6용으로 특별히 CSS 파일을 작성하고 IE6에서만 이를 로드하도록 할 수 있습니다.

<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" />
<![endif]-->

좋은 소식은 IE10 버전부터 조건부 주석이 더 이상 지원되지 않는다는 것입니다. 이는 IE의 성숙과 표준화의 시작을 의미하며 웹 디자이너는 더 이상 IE의 호환성 문제로 고민할 필요가 없습니다.

HTML의 코드 주석 정보

관련 기사