ACID3 test

브라우져가 얼마나 웹 표준을 잘 지키고 있느냐를 나타내기 위한 지표로 Acid2 Test라는 것이 있습니다. Acid2가 어떤 것들을 테스트하는 지에 대한 것은 아래 인용된 내용을 참고하세요.

  1. Transparent PNGs — The eyes are encoded as transparent PNGs.
  2. The object element — The eyes of the face are attached to an object element. Being able to use object (which can have alternative content) is one of the oldest requests from web designers.
  3. Absolute, relative and fixed positioning — Being able to position elements accurately is important for advanced page layouts.
  4. Box model — The original Acid test focused on the CSS box model. Acid2 continues in this fine tradition by testing ‘height’, ‘width’, ‘max-width’, ‘min-width’, ‘max-height’ and ‘min-height’.
  5. CSS tables — There is nothing wrong with table layouts. It is a powerful layout model which makes sense on bigger screens. However, the table markup is troublesome as it ties the content to these screens. Therefore, being able to specify table layouts in CSS is important.
  6. Margins — CSS defines accurate algorithms for how margins around elements should be calculated.
  7. Generated content — The ability to add decorations and annotations to Web pages without modifying the markup has long been requested by authors.
  8. CSS parsing — Acid2 includes a number of illegal CSS statements that should be ignored by a compliant browser.
  9. Paint order — We test that overlapping content is painted in the right order. This is not a feature in itself, but a requirement for other features to work correctly.
  10. Line heights — The Acid2 test checks a few key parts of the CSS inline box model, upon which any standards-compliant Web page depends.
  11. Hovering effects — One of the elements in the face changes color when you “hover” over it. Which one?

더 자세히 알고 싶으시면 Acid2: The Guided Tour 페이지를 참고하시면 되고, 한글로 소개된 자료가 필요하시면 요기를 확인해보시면 됩니다.

어쨌거나 곧 출시될 Internet Explorer 8을 포함하여 대부분의 브라우져들이 Acid2 test를 통과했는데, 이건 그저 시작에 불과하다는거죠. ;) XHTML 1.0, HTML 5.0, CSS 3.0, ECMA Script, SVG웹표준은 계속해서 발전해가고 있기 때문에 이를 얼마나 발빠르게 지원하는지를 테스트해보기 위한 새로운 지표가 필요해졌고, The Web Standard Projects에서 새로운 Acid test인 Acid3 test를 제공하게 되었습니다. (여기까진 다 옛날 얘기!)

뭐 하여튼 애플Safari 4 Beta도 출시되었고, Firefox 3.1beta 등도 출시되는 기념으로 각종 브라우져들을 이용하여 Acid3 test를 돌려봤습니다.

위 세 이미지는 순서대로 Firefox 3.0.6, Safari 4 Beta, Chrome에서 테스트한 Acid3 결과입니다. Safari4 Beta만이 Acid3 test를 통과하였는데, 어쨌든 Chrome이 Firefox 3.0보다는 더 높은 점수를 얻었네요. Safari3는 Chrome에 사용된 것과 같은 Webkit을 사용하므로 동일한 결과를 보일 것으로 생각됩니다.

위 결과를 보시고 IE는 과연 어느 정도일까! 를 궁금해하시는 분들이 많을거라 생각합니다.

참담하네요. 순서대로 5.5, 6.0, 7.0, 8.0rc1 버젼에서 테스트한 결과입니다. 8rc1 버젼에서는 점수가 표시되는 경지에 다다랐지만 여전히 부족한 모습입니다.

참고로 Acid3 test는 WEB 2.0을 얼마나 잘 지원하는지에 대한 테스트라고 하네요. 테스트 항목은 다음과 같습니다.

  1. DOM2 Core
  2. DOM2 Events
  3. DOM2 HTML
  4. DOM2 Range
  5. DOM2 Style (getComputedStyle, …)
  6. DOM2 Traversal (NodeIterator, TreeWalker)
  7. DOM2 Views (defaultView)
  8. ECMAScript
  9. HTML4 (<object>, <iframe>, …)
  10. HTTP (Content-Type, 404, …)
  11. Media Queries
  12. Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
  13. XHTML 1.0
  14. CSS2 (@font-face)
  15. CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
  16. CSS3 Color (rgba(), hsla(), …)
  17. CSS3 UI (’cursor’)
  18. data: URIs
  19. SVG (SVG Animation, SVG Fonts, …)

Internet Explorer 노력하세요.

Published by

3 thoughts on “ACID3 test”

  1. 가끔 이런 생각을 해보는데.

    MS는 클라우드컴퓨팅 환경이 구축되어 OS의 제약없이 웹 애플리케이션을 활용하는 세상이 오는걸 애서 막고 있는건 아닐까?
    Windows OS를 체제를 더 유지하기 위해서

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">