웹표준 테스트

웹표준 테스트의 대표 테스트인 Acid Test에 대하여 정리해본다.

Acid Test란?
웹브라우저의 웹표준 지원 측정을 위한 예제 페이지이다.

1. Acid Test
http://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm
CSS1 스팩을 중점적으로 테스트 할 수 있도록 제작. 1988년 초기개발.
( IE 5.5버전 이하 버전을 제외한 나머지 브라우저는에서는 렌더링 문제없음 )


2. Acid2 Test
http://acid2.acidtests.org/
HTML과  CSS2.1 스팩을 중점적으로 테스트 합니다.
스마일 그림과 Hello World! 나타내기.(코 부분을 마우스 커서를 가져가면 파란색으로 바뀌게 됩니다.)
IE8이 Acid2 Testing 통과함.

Acid에서 체크하는 항목은 다음과 같습니다.

• Alpha transparency on PNG images – the eyes are transparent PNGs
• The object element
• Absolute, relative and fixed positioning using CSS
• The CSS box model
• CSS tables
• CSS margins
• CSS generated content
• CSS parsing – Acid2 includes a number of illegal CSS statements to test error handling
• Paint order
• CSS line heights
• Hovering effects 

Acid2 테스트의 소스가 어떤 구조로 되어있는지 궁금하다면 다음 가이드 페이지를 참조하세요!
http://www.webstandards.org/action/acid2/guide/


3. Acid3 Test
http://acid3.acidtests.org/
가장 최근에 개발된 Acid3 test 는 HTML5 그룹의 리더인 Ian Hickson 에 의해 개발되었습니다. 자바스크립트로 작성되어 있으며, 이전 Acid1 과 Acid2 테스트를 종합적으로 체크하는 것은 물론이며 Web 2.0 을 위한 동적인 웹 애플리케이션을 만드는데 필요한 스펙을 중점적으로 체크합니다. 이전 테스트가 CSS스펙을 중점적으로 체크했기에 엄밀하게 말해서 웹표준을 테스트한다고 할 수는 없었는데요, Acid3 test 는 이전 테스트에 비해 한층 의미에 맞는 웹표준 스펙을 테스트한다고 볼 수 있겠습니다.
[ firefox 3.6.6 테스트 화면 ]

Acid3 테스트에서 체크하는 항목은 다음과 같습니다.

• DOM2 Core
• DOM2 Events
• DOM2 HTML
• DOM2 Range
• DOM2 Style (getComputedStyle, …)
• DOM2 Traversal (NodeIterator, TreeWalker)
• DOM2 Views (defaultView)
• ECMAScript
• HTML4 (<object>, <iframe>, …)
• HTTP (Content-Type, 404, …)
• Media Queries
• Selectors (:lang, :nth-child(), combinators, dynamic changes, …)
• XHTML 1.0
• CSS2 (@font-face)
• CSS2.1 (’inline-block’, ‘pre-wrap’, parsing…)
• CSS3 Color (rgba(), hsla(), …)
• CSS3 UI (’cursor’)
• data: URIs

아직까지는 Acid3 테스트는 개발중으로 현재 Final Review 단계에 있다고 합니다.


출처 : http://zyint.tistory.com/438?srchid=BR1http%3A%2F%2Fzyint.tistory.com%2F438