웹 브라우저의 웹 표준 준수 정도를 판단하는 Acid 검사.

2010. 9. 8. 02:41IT/Computer Tips

 인터넷은 당연히 인터넷 익스플로러를 사용해야 한다고만 생각하던 시절이 있었다. 초등학교 5학년 때 샀던 매직 스테이션 3 - 486 SX-33 - 을 대학 입학 전까지 사용했던 터라 인터넷은 다른 나라 이야기였다. 처음으로 내 컴퓨터가 생기고 컴퓨터에 관심을 갖게 된 건 22살 되던 해였던 것 같다. 그때 처음으로 인터넷 익스플로러는 인터넷을 사용하기 위한 여러 가지 수단 중 하나란 사실을 알게 되었다.

 인터넷을 사용하도록 돕는 프로그램을 웹 브라우저라고 한다. 우리말로 하면 웹 탐색기 정도 되려나? 수많은 웹 브라우저가 있지만, 엔진에 따라 크게 나누면 인터넷 익스플로러(IE), Firefox, Opera, Chrome, Safari 등으로 구분할 수 있다. 더월드는? 웹마는? jwbrowser는? 페넥은? 그린 브라우저는? 맥슨은? 크롬 플러스는? 아... 많다. 이런 브라우저는 앞에서 언급한 5개 브라우저에서 사용하는 엔진을 그대로 사용하거나 부가 기능을 추가한 정도의 브라우저이며 독창적인 하나로 분류하기 모호해서 제외했다. 또 윈도 운영 체제에서 사용할 수 있는 것만 언급했다.

 IE는 트라이던트, 크롬과 사파리는 웹킷, 오페라는 프레스토, 불여우는 게코라는 레이아웃 엔진 - 또는 렌더링 엔진 - 을 사용한다. 그런데 각 엔진이 화면을 구성하는 방식에 차이가 있어서 똑같은 홈페이지를 작성해도 결과가 다를 수 있다. 홈페이지나 블로그를 구성하는 HTML, XML, CSS, 이미지 등을 불러와서 배치하는 것에 차이가 있으니 당연하다. 블로그에 복잡한 태그를 사용하거나 테이블을 배치했을 때 각 웹 브라우저에서 다른 모습으로 보이는 것을 경험한 사용자가 있을 것이다. 이런 것도 다 레이아웃 엔진이 다른 것이 그 이유다. 그럼 도대체 뭐가 정답일까?

 정답은 웹 표준이다. 웹 표준을 준수한 웹 브라우저가 가장 정확한 또는 기준이 되는 화면을 표시할 것이다. Acid 검사는 웹 브라우저의 웹 표준 준수 정도를 확인하는 검사다.

 Acid 검사는 1, 2, 3 세 가지가 있다. Acid1 검사가 처음 나온 1998년엔 표준을 지키는 브라우저가 없었단다. Acid2가 나왔을 때도 마찬가지. 지금은 모든 브라우저가 Acid1 검사를 통과했고 Acid2 역시 대부분 통과했다. IE는 8에서 Acid2를 통과했다.

 지금 가장 의미 있는 검사는 Acid3이다. 그래서 IE8, Opera 10.61, ChromePlus 1.4.1.0(Chromium 5.0 기반), Firefox 3.6.8에서 Acid3 검사를 해봤다.

Acid1 검사하기
Acid2 검사하기
Acid3 검사하기

OperaChromePlus
 1등은 오페라와 크롬플러스다. 프레스토와 웹킷의 승리. 둘 다 완전하게 Acid3 검사를 통과했다. 게다가 둘 다 가장 빠른 브라우저로 1, 2위를 다투고 있는 녀석들이다. 사파리 역시 웹킷을 사용하니 아마 크롬과 결과가 비슷하지 않을까 싶다.

FirefoxInternet Explorer
 2등은 Firefox다. 94로 검사를 통과하지 못했고 3등인 IE는 20으로 검사를 통과하지 못했다. IE 9.0에서는 95까지 끌어올렸다고 한다.

 검사가 끝나면 A를 눌러서 상세 결과를 확인할 수 있다. 오페라와 크롬 플러스는 실패가 0이다. 결과 값에 약간의 차이가 있는데 자세한 내용은 모르겠다. 궁금하신 분은 Acid 검사 사이트에서 찾아보시길...

 Firefox는 나름 양호하다. 6개 검사에서 실패했다. 시간도 앞의 두 브라우저보단 조금 더 소요되었다.

 마지막 IE는 무려 80개 검사에서 실패했다. 전체 결과가 다 보이지도 않는다. 흠...

 Acid 검사가 웹 브라우저를 선택하는 절대적인 기준이 될 순 없다. 그러나 오페라와 크롬을 보면 좀 더 정확하고 잘 만들어졌다고 생각하게 되는 건 나만은 아닐듯싶다. 게다가 렌더링 속도 역시 Acid3 검사를 통과한 두 브라우저가 더 빠르다. 어쨌든, 그냥 이런 것도 있다.

  • 프로필사진
    Favicon of http://playing.thoth.kr BlogIcon Playing2010.09.08 13:09

    안녕하세요 !
    오~ 이야기로만 듣던 웹표준 점수군요!
    전 이제 오페라에서 벗어날 수 없는 몸이지만..
    흠흠.. 파이어폭스의 기발하고 유용한 부가기능 소개 될때마다 움찔움찔하네요 하하

    • 프로필사진
      Favicon of https://circlash.tistory.com BlogIcon circlash2010.09.08 16:43 신고

      저도 요즘 오페라에 빠져들고 있습니다. 다른건 다 좋은데 탭을 한 번에 여러 개 사용할 때 안정성에 약간 문제가 있네요 ㅎㅎ firefox나 chrome 쓸 때 2-30개씩 탭 사용하던 버릇이 있는데 오페라에서 그렇게 하면 여지없이 오류 메시지를 뿜으면서 다시 시작되더라구요. 그것만 빼면 아주 만족스럽습니다^^
      아차, 또 마우스 동작 인식이 너무 엄격한 경향이 있더라구요 ㅎㅎ

    • 프로필사진
      Favicon of http://playing.thoth.kr BlogIcon Playing2010.09.10 20:23

      아 저는 많아야 4 ~ 5개 인데도 오페라님께서 힘들다고 침대로 가시는 경우가 있는데요
      특정 사이트가 그렇더라구요.. 무언가 웹표준에 맞지않는 페이지에 그러더라구요

      물론 방황할 때는 저도 막 10개 정도 띄어놓는데
      그때는 탭을 상단이 아니라 왼쪽이나 오른쪽에 옮겨서 분간할 수 있게 해놓았구요(이렇게 하면 그나마 페이지 제목의 시작은 알수 있습니다 상단에 있으면 옆으로만 늘어져서 아예 못알아보게 되죠.. 여튼 이걸로도 겨우 20개정도 가능할꺼 같네요 하하)
      반대쪽에는 패널에 'Windows' 걸 피고 인터넷을 합니다.. 단축키로 탭의 이동을 마음껏 조절할수 있지만(정말 뷰리뷰리플합니다) 저는 일단 4개 이상되면 구별을 못하기 때문에 하하 저는 탭을 검색해서 찾습니다
      위의 Windows panel 에 Quick find 이라고 빈 칸이 있어서 그곳을 클릭한 뒤(아 무언가 단축키가 있어서 마우스에서 손을 떼고 싶은데 아직 이 퀵 찾기로 가는 건 못찾았네요) 입력을 하고 엔터를 치면 관련된 탭이 굵은 글씨로 나오고 Tab 키로 치고 엔터치면 바로 그 탭으로 이동하는 아름다운 기능이 있습니다(파이어폭스에는 부가기능으로 있을꺼 같고.. 단축키가 있을꺼 같긴 합니다 하하)

    • 프로필사진
      Favicon of https://circlash.tistory.com BlogIcon circlash2010.09.10 20:43 신고

      오, 창 패널은 사용해본 적이 없었는데 탭 확인하기 편하네요^^ 전 그냥 Ctrl+Tab으로 찾습니다 ㅎㅎ 나중에 오페라 팁 많이 알려주세요~

  • 프로필사진
    알 수 없는 사용자2010.09.08 15:43

    인터넷 관련 블로그를 검색하면 브라우저 검사의 단골손님으로 나오는 검사이지요... 하지만 역시나 참고용일 뿐 자신이 쓰기 편한게 제일 좋은 브라우저 겠지요... 우리나라와 같은 친MS 집단의 경우에는 웹표준을 우습게 보는 경향도 있지만, 파워블로거들은 포스팅시에 각 해당 브라우저 상에서 제대로 나오는지 실험을 통과한 글만 포스팅 하는 경향도 있더라고요... 역시나 오페라는 기대에 부흥하는 군요 ㅋㅋ...

    • 프로필사진
      Favicon of https://circlash.tistory.com BlogIcon circlash2010.09.08 16:50 신고

      네 여러 번 반복해 봤는데 오페라가 소요 시간 역시 가장 짧더라구요. 친 오페라당 가입해야 겠습니다!!

      본문이야 서식이나 표를 많이 사용하지만 않으면 큰 차이는 없지만, 스킨을 만들거나 수정할 땐 차이가 좀 있더라구요 ㅎㅎ

      혹시 나중에 IE 호환성이 걱정되시면 IE Tester같은 프로그램으로 한번 검사해 보세요^^ IE 5.5~9까지의 호환성을 한번에 확인할 수 있습니다~

    • 프로필사진
      알 수 없는 사용자2010.09.08 23:21

      친 오페라당에 가입하시는 건 좋은데, 우리나라와 같은 친MS 기반의 일부 몰지각한 사이트에서는 부득이 I.E 기반의 대체 브라우저 (웹마[왜~ 임마 --;;], 맥쓴, 더 월드 따위의 브라우저 등등...)를 이용하는게 정신건강에 이롭습니다... ㅎㅎ

    • 프로필사진
      Favicon of https://circlash.tistory.com BlogIcon circlash2010.09.08 23:41 신고

      IE 기반 떠난지가 오래되서요. 그리고 생각보다 IE 기반 브라우저도 IE와 호환성 차이가 있더라구요. 맥슨 더월드 웹마 그린브라우저 다 거쳐서 그냥 IE가 젤 낫다고 결론 내렸습니다.

      오래전부터 파이어폭스만 쓰다가 크롬플러스 3개월정도 쓰고 다시 파이어폭스로 돌아왔다가 이번에 오페라 써보고 있는 중인데 꽤 매력있네요. ㅎㅎ

  • 프로필사진
    알 수 없는 사용자2010.09.10 13:28

    제 컴터는 오페라, 파이어폭스 다 설치돼 있지만 정작 쓰질 않아요 ㅋㅋ
    인터넷으로 하는게 뉴스보는게 대부분이다 보니 그러네요 ^^;

    • 프로필사진
      Favicon of https://circlash.tistory.com BlogIcon circlash2010.09.10 20:36 신고

      그릇 만들고 책 읽고 하시려면 정말 컴터 할 시간 없으시겠어요^^;;; 내 손으로 만든 그릇에 막걸리 한잔 마시면 어떤 기분일까 잠깐 생각해 봤습니다~
      자주 놀러가겠습니다^^