인터넷 익스플로러... 정말 여러가지 의미에서 인터넷에 많은 영향을 미친 프로그램임에 틀림 없습니다.
그덕에 웹 프로그래머들은 크로스 브라우징이라는 새로운 과목(?)을 배워야만 하는 상황에까지 이르렀습니다.
뭐~ 그 덕에 재밌는 일도 많이 있습니다~
IE에서 쓸 수 있는 재미난 기능이 있어서 간단하게 소개하고자 합니다.
주석문을 이용해서 조건식을 넣어줄 수 있더군요~
IE가 아닌 다른 브라우저에서는 안됩니다~
하지만 이 기능을 이용해서 Firefox와 IE를 구분해 낼 수 있습니다... Chrome도 마찬가지구요~
우선... 'downlevel browser'와 'uplevel browser'로 구분을 해야 하는데요...
uplevel browser: IE5 이상의 브라우저
downlevel browser: 그 외의 브라우저... FF나 Chrome은 여기에 속하겠네요... 다운레벨...
자... 이제 주석문입니다.
<!-- 주석 --> : 이게 일반적인 주석문이죠
<!--[if expression]> 내용 <![endif]--> : 다운레벨 브라우저에서 주석으로 처리됩니다~ IE에서만 사용하고 싶을 때...
<![if expression]> 내용 <![endif]> : 다운레벨 브라우저에서 그냥 노출됩니다~ IE가 아닌 브라우저에서 사용하고 싶을때...
자... 이제 사용할 수 있는 문장? 예약어를 적어보죠~
IE : 익스플로러
IE 7 : 익스플로러 7(다른 숫자를 넣어도 됩니다.)
WindowsEdition : Windows 7에서 IE8을 쓰는 경우
WindowsEdition 1 : 제품의 모델?(다른 숫자를 넣어도 됩니다.) Ultimate 버전이 1 이더군요~ Professional은 30 인가?
true : 참
false : 거짓
이제 연산자를 적어보겠습니다.
! : NOT
lt : >
lte : >=
gt : <
gte : <=
() : 묶어주는거죠~
& : AND
| : OR
휴~~ 여기까지 적었으니 이제 무언가 할 수 있을 것 같습니다.
예문을 몇가지 적어볼까요?
<!--[if IE]><p>익스플로러 쓰시는군요, 이 문장은 다른 브라우저에서는 보이지 않습니다.</p><![endif]-->
<![if !IE]><p>익스플로러가 아니군요, 다른 브라우저에서 보입니다.</p><![endif]>
<!--[if (gte IE 5.5)&(lt IE 7)]><p>IE 5.5 또는 IE 6을 사용하고 계시네요~ 업그레이드좀....</p><![endif]-->
<!--[if IE 6]><p>IE6은 이제 쓰지 맙시다~</p><![endif]-->
<![if !IE]>
<style>
div {
/*익스플로러가 아닌 다른 브라우저에서 적용하고 싶은 스타일이 있다면!!*/
margin-top: 10px;
padding-top: 5px;
}
</style>
<![endif]>
이런 식으로 사용하면 됩니다~ ^^
Internet Explorer 11 에서는 지원하지 않습니다. - 2017.05.08 추가