{{위키데이터 속성 추적}}
{{웹사이트 정보
|이름   = Acid3
|로고   = 
|그림   = Acid3 reference.png
|설명   = Acid3 참조 렌더링
|주소   = [http://acid3.acidtests.org/ http://acid3.acidtests.org]
|영리적 = 
|종류   = [[웹 표준]] 테스트
|언어   = [[영어]]
|등록   = 
|소유자 = [[웹 표준 프로젝트]]
|제작자 = [[이언 힉슨]]
|시작일 = 2008년 3월 3일
|상태   = 
}}

'''Acid3'''는 [[웹 브라우저]]가 (특히 [[DOM]]과 [[자바스크립트]]와 관련하여) 얼마나 잘 [[웹 표준]]을 준수하고 있는지를 검사하는 [[웹 표준 프로젝트]]의 테스트 페이지이다.

성공할 경우 Acid3 테스트는 흰 배경에 색이 들어간 여러 개의 [[직사각형]]을 표현하면서 점차 증가하는 백분율 수치를 보여 준다. 표시되는 백분율 수치는 통과된 서브 테스트의 수에 기반을 둔다(하지만 통과한 서브 테스트의 개수와 백분율이 항상 같다고 볼 수 없다). 또한 브라우저는 같은 브라우저에 표시되는 참고 페이지와 정확히 같은 페이지를 [[렌더링|렌더]]해야 한다. 비트맵 결과만 나오는 [[Acid2]] 테스트와 달리 Acid3 테스트의 참고 렌더링의 글자는 비트맵이 아니기 때문에 글꼴 표시의 차이점도 구별할 수 있다.

2007년 4월에 개발되었으며<ref>{{웹 인용
|url=http://krijnhoetmer.nl/irc-logs/whatwg/20070422#l-284
|제목=HTML5 IRC logs: freenode / #whatwg / 20070422
|확인날짜=2007-12-28
}}</ref> [[2008년]] [[3월 3일]]에 공개되었다.<ref name="acid3rel">{{웹 인용
|url=http://www.webstandards.org/press/releases/20080303/
|제목=Acid3: Putting Browser Makers on Notice, Again. (WaSP Press Release)
|확인날짜=2007-03-04
}}</ref> 주 개발자는 [[이언 힉슨]](Ian Hickson)으로 그는 [[Acid2]] 테스트도 작성하였다. Acid2는 주로 [[CSS]]에 초점을 두고 있지만, 세 번째 Acid 테스트는 역시 현대에 쓰이며 매우 상호성이 높은 기술인 [[웹 2.0]]([[ECMAScript]], [[DOM#DOM_.EB.8B.A8.EA.B3.84|DOM Level 2]]와 같은)의 웹사이트 특성에 초점을 둔다. 일부 서브 테스트는 [[SVG]], [[XML]], [[data: URI scheme|data: URIs]]와 관련되어 있다. 논란이 되는 것은, 이 테스트는 [[CSS2]] 권고안의 내용 중, CSS2.1에서 삭제되었다가 아직 권고 예정안으로 정해지지 않은 W3C [[CSS3]] 개발에 다시 도입된 요소를 일부 포함하고 있다는 점이다.

== 테스트 내용 ==
Acid3 의 주요 부분은 [[ECMA스크립트]] ([[자바스크립트]])로 쓰여져있고, 네 개의 특별한 서브 테스트(0, 97, 98, 99번)를 포함한 100개의 서브 테스트들이 6개의 '버킷(Bucket)'으로 불리는 묶음으로 나뉘어 있다.<ref>{{웹 인용|url=http://acid3.acidtests.org/|제목=Comments in the source code of the test page|성=Hickson|이름=Ian|언어=영어|확인날짜=2009-09-03}}</ref>
*버킷 1: DOM 순회(DOM Traversal), DOM 범위(Range), [[HTTP]]
*버킷 2: DOM2 코어(Core), DOM2 이벤트(Events)
*버킷 3: DOM2 뷰(Views), DOM2 스타일(Style, CSS 3 선택자(Selectors), [http://www.w3.org/TR/css3-mediaqueries/ 미디어 쿼리]
*버킷 4: 스크립트와 DOM2 HTML에 의한 [[HTML]] 테이블/형식의 가동
*버킷 5: Acid3 경쟁에서 나온 테스트들 (SVG<ref>{{웹 인용|url=http://my.opera.com/MacDev_ed/blog/2008/01/22/core-web|제목=Getting to the core of the web|성=Dahlström|이름=Erik|날짜=2008-01-22|언어=영어|확인날짜=2009-09-03|보존url=https://web.archive.org/web/20080202042537/http://my.opera.com/MacDev_ed/blog/2008/01/22/core-web|보존날짜=2008-02-02|url-status=live}}</ref>, HTML, SMIL, 유니코드, ...)
*버킷 6: ECMA스크립트
이 테스트의 표준 규정은 각 브라우저가 기본 설정으로 테스트를 진행하기를 요구한다. 최종 결과는 100/100 의 점수와 함께, [http://acid3.acidtests.org/reference.html 참고 페이지]와 픽셀 하나도 다르지 않은 결과가 나와야 한다. 개인용 컴퓨터를 위해 개발된 브라우저의 경우, 화면의 변화가 부드러워야([[맥북 프로|애플 랩톱]]에 준하는 성능의 환경에서 각 서브 테스트를 33 [[1 E-3 s|ms]] 안에 통과)<ref>{{웹 인용|url=http://ln.hixie.ch/?start=1207096078&count=1|제목=The performance aspect of Acid3|성=Hickson|이름=Ian|날짜=2008-04-01|언어=영어|확인날짜=2009-09-03}}</ref> 하지만, 보다 뒤떨어진 환경에서의 느린 결과가 불합격을 뜻하진 않는다.<ref>[http://www.webstandards.org/action/acid3/ Acid3 Browser Test - The Web Standards Project(Acid3 브라우저 테스트 - 웹 표준 프로젝트)]. 확인일자 2009-09-03.</ref>

테스트를 통과하기 위해서는 또한, 브라우저의 툴바에 특정한 [[파비콘]]을 표시해야한다. 하지만 이것은 Acid3 웹 서버에 있는 파비콘 그림이 아닌데, 만일 Acid3 서버에 <code>favicon.ico</code> 파일을 요청하면 [[HTTP 404|404]] 응답을 하며 화면엔 그림의 데이터만 표시하기 때문이다. 이 테스트는 브라우저가 파비콘을 불러올 때 404 에러 코드를 정확하게 처리하면, 에러를 제대로 인식하여 특정 파비콘을 나타내게 된다.<ref>{{웹 인용|url=http://webkit.org/blog/280/full-pass-of-acid-3/#comment-24994|제목=comment to 'Full pass of Acid3'|성=Stachowiak|이름=Maciej|날짜=2008-09-26|확인날짜=2009-09-03|archive-date=2013-08-20|archive-url=https://web.archive.org/web/20130820023252/https://www.webkit.org/blog/280/full-pass-of-acid-3/#comment-24994|url-status=}}</ref>

<!-- 이 그림은 통과하지 못한 모습의 예제 그림이므로 버전에 따라 업데이트되어서는 안됩니다. -->
[[파일:Fennec acid3-89.png|섬네일|[[모질라 페넥|페넥]] 1.0 알파로 테스트한 Acid3 결과. 1. 버킷 2, 4와 6은 16 개의 서브테스트를 모두 통과했고, 버킷 1과 3 은 10개 이상의 서브 테스트를, 버킷 5는 5개 이상의 서브 테스트를 통과했음을 알 수 있다.]]
테스트가 실행되면서 그림에 사각형들이 추가되는데, 각 사각형의 색깔은 한 버킷 당 통과한 서브 테스트의 개수로부터 결정된다. 만일 특정 버킷에 포함된 모든 서브 테스트에 불합격했다면, 그 버킷에 해당되는 사각형은 화면에 나타나지 않을 것이다. 하나 이상의 서브 테스트에 통과하면, 사각형의 색깔은 네 단계로 변화하게 된다.
* 1 ~ 5 개의 서브 테스트 통과: [[검정]] 사각형
* 6 ~ 10 개의 서브 테스트 통과: [[회색]] 사각형
* 11 ~ 15 개의 서브 테스트 통과: [[은색]] 사각형
* 16개 서브 테스트 모두 통과:  [[유채색]] 사각형 (각각 [[빨강]], [[주황]], [[노랑]], [[연두]], [[파랑]], [[보라]] 색의 사각형)
Acid3 테스트 페이지 표시가 완료되면, 대문자 A는 클릭이 가능한 상태가 되며, 클릭할 경우(새 창에서 보려면 Shift + 클릭) 어떤 서브 테스트가 실패했는지, 그리고 어떤 에러가 발생했는지 설명하는 경고를 볼 수 있다.

이 테스트를 정확히 수행하려면, 프로그램은 [[W3C]]에서 현재 표준으로 지정할 것으로 고려중인 [http://www.w3.org/TR/css3-text/#text-shadow CSS 3 Text Shadows] 와 [http://www.w3.org/TR/css3-webfonts/#font-descriptions CSS 2.x Downloadable Fonts] 지시 사항을 만족해야한다. 이것은 테스트에서 20x20 픽셀 크기의 붉은 사각형을 가려주는, "AcidAhemTest"라고 하는 자체 [[트루타입]] [[폰트]]의 사용에 필요하다. 내려받아진 폰트가 표시되면 이 [[자형|글자 모양]]은, CSS 에 의해 하얀 네모로만 표시되어, 결국 보이지 않게 된다.<ref>{{웹 인용|url=http://ln.hixie.ch/?start=1206756775&count=1|제목=The antialiasing controversy in Acid3|성=Hickson|이름=Ian|날짜=2008-03-29|언어=영어|확인날짜=2009-09-03}}</ref>

추가로, 이 테스트는 또한 [[베이스64]] 코드로 만들어진 그림과, 몇 가지의 더 발달된 선택자, CSS 3 색상 값([http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsla-color HSLA]), 그리고 무시되어야 할 가짜 선택자와 값들도 사용한다.

== 정식 통과한 브라우저 ==
이미 배포된 정식판, 혹은 안정판의 테스트 결과만을 인정한다.
=== 데스크톱 브라우저 ===
{| class="wikitable sortable" style="width:auto;table-layout:fixed;text-align:center"
|-
! 레이아웃 엔진
! 브라우저
! 발매 일자
! 최신 버전 및 출시일
! 렌더링
! 수행능력

|-
| [[게코 (레이아웃 엔진)|게코]]
| [[모질라 파이어폭스]] 4.0<ref>{{웹 인용 |url=http://browserfame.com/212/firefox-acid3-test-100 |title=Firefox Now Scores 100% on Acid3 Test |publisher=BrowserFame |last=Mark |first=Gary |date=2011-09-17 |accessdate=2011-09-19 |보존url=https://web.archive.org/web/20110923143511/http://browserfame.com/212/firefox-acid3-test-100 |보존날짜=2011-09-23 |url-status=dead }}</ref><ref>{{웹 인용|last=Limi|first=Alexander|date=2011-01-25|url=http://limi.net/articles/firefox-acid3|title=Mythbusting: Why Firefox 4 won’t score 100 on Acid3|accessdate=2011-09-20}}</ref>
| {{날짜|2011-03-22}}
| {{소프트웨어의 최신 버전 (안정판)/파이어폭스}}
| {{yes}}
| {{?}}

|-
| [[웹키트]]
| [[구글 크롬]] 4.0.249.78<ref>{{웹 인용|url=http://googlechromereleases.blogspot.com/2010/01/stable-channel-update_25.html|title=Stable Channel Update |work=Google Chrome Releases |publisher=Google |date=2010-01-25|first=Anthony|last=Laforge|accessdate=2010-01-25}}</ref>
| {{날짜|2010-01-25}}
| {{소프트웨어의 최신 버전 (안정판)/구글 크롬}}
| {{yes}}
| {{yes}}

|-
| [[웹키트]]
| [[사파리 (웹 브라우저)|사파리]] 4.0<ref name="Safari4release">{{웹 인용|url=https://www.apple.com/safari/features.html|title=Safari - 150 features |accessdate=2009-09-03 |publisher=Apple}}</ref><ref>{{웹 인용 |url=http://www.networkworld.com/news/2008/092908-webkit-browser-engine-aces-acid3.html |title=WebKit browser engine aces Acid3 test, stakes claim to No. 1 |last=Keizer |first=Gregg |publisher=Network World |date=2008-09-29 |accessdate=2010-12-10 |보존url=https://web.archive.org/web/20110614004523/http://www.networkworld.com/news/2008/092908-webkit-browser-engine-aces-acid3.html |보존날짜=2011-06-14 |url-status=dead }}</ref>
| {{날짜|2011-03-26}}
| {{소프트웨어의 최신 버전 (안정판)/사파리 (웹 브라우저)}}
| {{yes}}
| {{yes}}<ref>{{웹 인용|url=http://webkit.org/blog/280/full-pass-of-acid-3|title=Full Pass of Acid3|accessdate=2009-12-07|date=2008-09-25|first=Maciej|last=Stachowiak|publisher=WebKit.org}}</ref>

|-
| [[프레스토 (레이아웃 엔진)|프레스토]]
| [[오페라 (웹 브라우저)|오페라]] 10<ref>{{웹 인용|url=http://www.opera.com/press/releases/2009/09/01/|title=Turbocharge your Web experience with Opera 10|accessdate=2009-09-04|publisher=Opera Software|date=2009-09-01|보존url=https://archive.today/20120530/http://www.opera.com/press/releases/2009/09/01/|보존날짜=2012-05-30|url-status=dead}}</ref>
| {{날짜|2009-09-01}}
| {{소프트웨어의 최신 버전 (안정판)/오페라 (웹 브라우저)}}
| {{yes}}
| {{?}}

|-
| [[웹키트]]
| [[웹 (웹 브라우저)|웹]] 2.28.0<ref>{{웹 인용|url=http://arstechnica.com/open-source/news/2009/09/linux-garden-gets-a-new-gnome-with-version-228.ars|title=Linux garden gets a new GNOME with version 2.28|accessdate=2010-01-04|date=2009-09-24|first=Ryan|last=Paul |work=Ars Technica |publisher=Condé Nast Digital}}</ref>
| {{날짜|2009-10-02}}
| {{소프트웨어의 최신 버전 (안정판)/웹 (웹 브라우저)}}
| {{?}}
| {{?}}
|}

=== 모바일 브라우저 ===
모바일 브라우저는 기준이 되는 하드웨어를 정할 수 없기 때문에 기능 수행 능력을 '평가'할 수 없다.
{| class="wikitable sortable" style="width:auto;table-layout:fixed;text-align:center"
|-
! 레이아웃 엔진
! 브라우저
! 발매 일자
! 렌더링
|-
| [[웹키트]]
| [[아이리스 브라우저]] 1.1.4<ref name="torchmobile.com">{{웹 인용 |url=http://torchmobile.com/blog/?p=25 |제목=  Iris Browser 1.1.4 Update Now Available &raquo; Torch Mobile Blog |확인날짜=2009년 9월 7일 |보존url=https://web.archive.org/web/20090920155142/http://www.torchmobile.com/blog/?p=25 |보존날짜=2009년 9월 20일 |url-status=dead }}</ref>
| {{날짜|2009-03-14}}
| {{yes}}
|-
| [[웹키트]]
| [[볼트 브라우저]] 1.6<ref>{{웹 인용|url=http://blackberrysync.com/2009/12/bolt-browser-gets-updated-to-version-1-6-brings-new-features/|제목=Bolt Browser gets Updated to Version 1.6 – Brings New Features!|이름=James|성=Scott|날짜=2009년 12월 7일|출판사=BlackBerrySync|확인날짜=2010년 2월 9일|archive-date=2010년 2월 6일|archive-url=https://web.archive.org/web/20100206015705/http://blackberrysync.com/2009/12/bolt-browser-gets-updated-to-version-1-6-brings-new-features/}}</ref>
|{{날짜|2009-12-07}}
|{{Yes}}
|-
|[[프레스토 (레이아웃 엔진)|프레스토]]
|[[오페라 모바일]] 9.7<ref name="OperaM9.7">{{웹 인용|url=http://my.opera.com/operamobile/blog/2009/03/26/opera-mobile-9-7-beta-for-windows-mobile|제목=Opera Mobile 9.7 with Opera Turbo|성=Lund Engebø|이름=Helene|날짜=2009년 3월 26일|출판사=[[오페라 소프트웨어|오페라 소프트웨어 ASA]]|확인날짜=2009-07-06|보존url=https://web.archive.org/web/20090331000154/http://my.opera.com/operamobile/blog/2009/03/26/opera-mobile-9-7-beta-for-windows-mobile|보존날짜=2009-03-31|url-status=live}}</ref>
|{{날짜|2009-03-26}}
|{{Yes}}
|-
|}

== 통과하지 못한 브라우저 ==
Acid3는 처음 공개 당시 모든 웹 브라우저가 통과하지 못했기 때문에, 이에 대해 언급하는 것에 신중했다. 많은 수의 브라우저 개발 팀은 테스트 결과를 향상시키기 위해 열의를 다해 일하고 있다.

=== 데스크톱 브라우저 ===
<!-- 알림: 새 버전에 대한 정보가 나오면 되도록 빨리 업데이트해주시기 바랍니다. -->
{| class="wikitable unsortable" style="width:auto;table-layout:fixed;text-align:center"
|+ '''데스크톱 레이아웃 엔진의 Acid3 테스트 결과 추이'''
|-
! 레이아웃 엔진
! 주요 브라우저
! Acid3 공개 당시 최신버전의 스크린샷{{-}}
! 현재 배포판의 스크린샷
! 알려진 개발 버전의 스크린샷
|-
| [[KHTML]]
| [[캉커러]]
| [[파일:Acid3 Konqueror 402.NEW.jpg|150px]] {{-}} 61/100 {{-}} 캉커러 4.0.2
| [[파일:Konqueror 4.3b1 Acid3.png|150px]] {{-}} 89/100 {{-}} 캉커러 4.3.0
| [[파일:Konqueror 4.3b1 Acid3.png|150px]] {{-}} 89/100 {{-}} 캉커러<!-- version 4.3 Beta 1 --><ref>{{웹 인용
  |url=http://bugs.kde.org/show_bug.cgi?id=156947
  |제목=Bug 156947: Konqueror 4 fails Acid3 test (filed on 30 January 2008)
  |확인날짜=2008-03-02}}</ref>
|-
| [[트라이던트 (레이아웃 엔진)|트라이던트]]
| [[인터넷 익스플로러]]
| [[파일:Acid3 ie7.png|150px]] {{-}} 14/100 {{-}} 인터넷 익스플로러 7.0
|  {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} 인터넷 익스플로러 9.0
| 없음
|-
|}

=== 모바일 브라우저 ===
{| class="wikitable unsortable" style="width: auto; table-layout: fixed; text-align: center;"
|+ '''Acid3 테스트의 모바일 레이아웃 엔진 진행 상황'''
|-
! 레이아웃 엔진
! 주요 브라우저
! 현재 배포판의 스크린샷
! 알려진 개발 버전의 스크린샷

|-
| rowspan="8" | [[웹키트]]
| [[사파리 (웹 브라우저)|모바일 사파리]]
| [[파일:MobileSafari 4 3 3.png|150px]] {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} iOS 4.3.3
| 없음
|-
| [[안드로이드 (운영 체제)|안드로이드]] 브라우저
| [[파일:Android acid3 render.png|150px]] {{-}} 93/100 {{-}} 안드로이드 2.3 {{-}} [[파일:Android3 Acid3.png|150px]] {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} 안드로이드 3.1
| 없음
|-
| [[블랙베리 (스마트폰)|블랙베리]] 브라우저
| [[파일:BlackBerry6 ACID3.jpg|150px]] {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} 블랙베리 OS 6
| 없음
|-
| [[바다 (운영 체제)|바다]] 브라우저
| [[파일:Acid3test on bada webkit dolphin.jpg|150px]] {{-}} 98/100 {{-}} 바다 OS 1.0.2
| 없음
|-
| [[S60용 웹 브라우저|노키아 미니 맵 브라우저]]
| [[파일:Acid3 S60 5th Edition.png|150px]] {{-}} 47/100 {{-}} S60 5번째 판
| 없음
|-
| [[스카이파이어 (웹 브라우저)|스카이파이어]]
| {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} 스카이파이어 2.0
| 없음
|-
| [[webOS#웹 브라우저|웹OS 브라우저]]
| {{-}} 92/100 {{-}} webOS 1.4
| 없음
|-
| [[아이리스 브라우저]]
| [[파일:Iris-wm-acid3-100.png|150px]] {{-}} 100/100<br />(만점이지만 부정확한 렌더링 있음) {{-}} 아이리스 브라우저 1.1.4
| 없음
|-
| [[프레스토 (레이아웃 엔진)|프레스토]]
| [[오페라 미니]]
| [[파일:Opera Mini 5 beta 2 Acid 3 test.png|150px]] {{-}} 98/100 {{-}} 오페라 미니 5
| 없음
|-
| rowspan="2" | [[게코 (레이아웃 엔진)|게코]]
| [[파이어폭스 모바일|모질라 파이어폭스 모바일]]
| 97/100 {{-}} 모질라 파이어폭스 모바일 4
| 없음
|-
| [[마이크로B]]
| 94/100
| 없음
|-
| [[트라이던트 (레이아웃 엔진)|트라이던트]]
| [[인터넷 익스플로러 모바일]]
| [[파일:Internet Explorer Mobile 9 Acid3.png|150px]] {{-}} 95/100 {{-}} 인터넷 익스플로러 모바일 9
| 없음
|}

==여담==
상단에 '''YOU SHOULD NOT SEE THIS AT ALL'''라는 내용이 숨어있다.

== 같이 보기 ==
* [[Acid1]]
* [[Acid2]]
* [[레이아웃 엔진]]

== 각주 ==
{{각주}}

== 외부 링크 ==
{{위키공용|Acid3}}
* [http://acid3.acidtests.org/ Acid3 테스트]
* [http://acid3.acidtests.org/reference.html Acid3 테스트 (참고 페이지)]
* [http://www.webstandards.org/action/acid3/ 웹 표준 프로젝트의 Acid3 테스트]
* [http://ln.hixie.ch/?start=1206565203&count=1 Acid3 테스트 이후 출시 버전]

{{Acid 테스트}}

[[분류:Acid 테스트]]
[[분류:웹 디자인]]