IE보완 - 조건부 주석 - 아임웹 전문가찾기

웹팁

글 등록하기 | 내글 관리하기 | 연재글 | 보관함

IE보완 - 조건부 주석

2013.08.06 13:24 조회 수

4930

이온디

첨부파일 https://imweb.eond.com/coding/340693

1.조건부 주석이란?

인터넷 익스플로러의 버전을 구분해 출력하는 주석

<조건부 주석에 사용되는 키워드>

!-not

it-Less then(미만)

lte-Less than and Equal(이하)

gt-Greater than(초과)

gte-Greater than and Equal(이상)

&-and

|-or

<조건부 주석의 기본형태>

<!--[if 조건]>

조건이 참일때 실행할 코드

<![endif]-->

<조건부 주석의 응용>

<!--[if lte IE 8]>

IE8이하에서만 작동합니다

<![endif]-->

<조건부 주석의 응용2>

<!--[if (IE 9) | (IE 10)]>

IE9이거나 IE10일때 작동합니다

<![endif]-->

<조건부 주석의 응용3>

<!--[if !((IE 9) | (IE 10))]>

IE9, IE10이 아닐때 작동합니다

<![endif]-->

그럼 아래 코드를 해석해보세요. ^^

<html lang="en">

Total 235 articles in 9 / 12 pages

	제목	날짜
	코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP)	2018/01/03
	jQuery를 배울수 있는 동네들입니다.	2013/08/09
	관련 링크 [1]	2010/05/23
75	[Script] 간단한 javascript 페이징 처리 - 미니페이지	2014/06/16
74	[Script] 슬라이드 이미지	2014/06/16
73	[Script] Top으로 스크롤 되면서 돌아가기... (by sisims)	2014/09/29
72	[jQuery] jQuery Image Slider and Gallery	2015/05/27
71	[Form] form 태그 안에서의 button 태그의 사용 방법(button, a, input type=submit)	2015/06/21
70	[프레임워크] http://getuikit.com	2015/08/09
69	[프레임워크] jquery-steps.com	2015/08/10
68	[프레임워크] http://pages.revox.io/doc/jquery/form_wizard.php	2015/08/10
67	[프레임워크] http://view.jquerymobile.com/master/demos/	2015/08/10
66	[반응형 웹] responsive-animated-block-menu	2015/08/15
65	[반응형 웹] [다음 TROY] 기기별 모바일 해상도 테스트 할 수 있는 사이트	2015/08/22
64	[반응형 웹] 모바일 실제 해상도와 device-width	2015/08/24
63	[위지윅에디터] Web-Based HTML Editor 비교 및 미리보기	2015/08/25
62	[위지윅에디터] 오픈소스 HTML 기반의 위지윅 에디터	2015/08/25
61	[위지윅에디터] 기타 위지윅 에디터	2015/08/25
60	[위지윅에디터] ckeditor 공식사이트	2015/08/25
59	[반응형 웹] 반응형웹(MediaQuery) 템플릿	2015/08/26
58	[반응형 웹] 반응형 템플릿 (naradesign)	2015/08/26
57	[부트스트랩] New Bootstrap 4 alpha	2015/08/27
56	[Script] jQuery Cookie(쿠키) 처리 [출처] jQuery Cookie(쿠키) 처리\|작성자 주용준	2015/08/27