메뉴 보이기
Profile
이온디

2013.08.06

HTML5

IE보완 - 조건부 주석

조회 수 4850 추천 수 0
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]-->

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

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 99
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33743
139 [jQuery] 왼쪽에 숨겨진 레이어를 보여주자 2013.08.09 4251
138 [Script] 전체화면 레이어 팝업 소스 2013.08.09 12007
137 [웹폰트] Daum font로 Google Font API 따라잡기 2013.08.09 4050
136 [Script] News Ticker - 한줄 전광판, 한줄씩 올라가는 스크립트, 뉴스티커 2013.08.07 5733
135 [웹폰트] 구글 웹폰트 서비스 이용하기 2013.08.06 4522
134 [웹접근성] 웹 접근성 이슈 2013.08.06 5118
[HTML5] IE보완 - 조건부 주석 2013.08.06 4850
132 [웹접근성] 웹접근성이란 2013.08.06 3842
131 [HTML5] img style 속성 2013.03.12 5894
130 [Meta] Meta Tag(메타태그) 사용법 2013.03.05 6850
129 [부트스트랩] #2 부트스트랩의 특징 1 2013.03.04 5645
128 [부트스트랩] #1 부트스트랩이란? 2013.03.01 4089
127 [HTML5] HTML5 시멘틱 구조 태그 2013.02.28 4667
126 [부트스트랩] 부트스트랩의 아이콘 지원 브라우저 2013.02.25 3695
125 [부트스트랩] 기본 부트스트랩 템플릿 2013.02.24 4026
124 [PHP] 쿠키를 굽자 2013.02.22 3519
123 [Script] 자바스크립트로 CSS 불러오기 2013.02.22 4522
122 [UI] jquery menu slide 2012.12.16 9008
121 [Script] 로그인창 띄우기 2012.12.14 4686