반응형

사용자 삽입 이미지


마전 웹서핑을 돌아보던 中 IE6 No More ! 라는 프로젝트를 지지하는 몇몇 블로그를 발견했습니다. 이 운동의 시작은 외국의 http://www.ie6nomore.com 에서 시작되어, 국내에서도 적지 않은 분들이 이 운동에동참하고 계시네요. 우리나라에서는 아직도 IE6을 쓰는 사람이 50%에 가깝고, 미국에서도 10% 정도 사용한다고 합니다.IE6의 큰 문제는 웹표준 문서를 제대로 표시하지 못하고 있는 실정이기 때문에 개발자 입장에서 볼때 IE6 만을 위해 2배이상의시간이 더 들어간다고 합니다. 


비단 개발자들을 위해서 IE6 사용 금지 운동을 외치는건 물론 아닙니다. 마이크로소프트가 IE6의 보안 업데이트에 별로 신경을 쓰지 않아 IE6의 보안수준이 거의 밥통이라고 합니다. IE6이 나온건 2001년 무렵으로 8년전 출시된 매우 구형 브라우저이니 그럴만도 하지요. 


현재 많은 사용자들이 페이스북, 유튜브, 디그 등을 통해서 IE6를 더 이상 사용하지 않도록 보이콧을 펼치고 있다고 합니다.트위터에서 진행된  ‘IE6 Must Die’ 서명운동에는 1만 2,000여명이 참가하기도 했구요. IE6은 빨리 단절되야합니다!! -_- 가장 좋은 방법은 MS에서 IE6에 대한 지원을 전면 중지하는 것인데, MS측에선 “윈도우에 포함된 IE의 지원여부는 제품의 정해진 수명에 따른 것”이라며, 2014년까지 중지 계획이 없다는 의사를 표명했습니다.


IE 6 No More 운동은 강요가 아닌 권유입니다. 브라우저를 선택하는것 역시 소비자의 몫입니다.

이 운동에 참여 방식은 매우 간단한데요, 개인의 블로그나 웹 사이트 혹은 기업 사이트에 HTML을 붙여 넣으면 IE 6으로 자신의 블로그&웹사이트에 접속하는 사용자에게만 아래와 같은 아주 상콤한 문구가 나오게됩니다. ^^



소스코드 (아래의 소스 코드를 복사하여 HTML내 적절한 위치에 복사해 넣으시면 됩니다)


<!--[if lt IE 7]>  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>

    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'>

<a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>

    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>

      <div style='width: 75px; float: left;'>

<img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>

      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>

        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>

당신은 구식 브라우저를 사용중입니다.</div>

        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>

이 웹 사이트를 편안하게 보기 위해서는 브라우저를 업그레이드 해야합니다.</div>

      </div>

      <div style='width: 75px; float: left;'>

<a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Firefox 3.5 다운로드 사이트'/></a></div>

      <div style='width: 75px; float: left;'>

<a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Internet Explorer 8 다운로드 사이트'/></a></div>

      <div style='width: 73px; float: left;'>

<a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Safari 4 다운로드 사이트'/></a></div>

      <div style='float: left;'>

<a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Google Chrome 다운로드 사이트'/></a></div>

    </div>

  </div>

  <![endif]-->


제 블로그도 IE6으로 접속하는 분이 꽤나 많으신데, IE6에선 페이지가 원할하게 표시되지 않습니다. IE8, 구글크롬, 사파리, 파이어폭스, 오페라 등의 웹표준을 지향하는 브라우저를 사용하시길 권장합니다!



그 외에 IE6 No More 운동과 비슷한 취지를 가지고 있는 관련된 위젯이 있습니다.


위 위젯은 블로그에 사이드바 등에 달수있으며, 웹표준을 준수하는 브라우저로의 접속시 위 파란색의 문구가 나오며, 웹 표준을 준수하지 않은 브라우저(IE6 혹은 그 이하)로 접속시엔 아래 빨간색의 흉칙한(?) 문구가 나오게됩니다. 설치를 위해서는 아래 소스를 보이기 원하는 곳에 추가하여 주시면 되겠습니다.


<div id="browserUpdateCampaignWrapper"><script type="text/javascript" src="http://clearboth.org/browser_update_campaign/browser_update_campaign.js"></script></div>


여러분도 함께 참여하세요~! 위젯 출처: http://www.clearboth.org

반응형