IE6 사용금지 운동 - IE6 No More

 

얼마 전 웹서핑을 돌아보던 中 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