http://www.findmebyip.com/litmus 여기에서 정리해둔 5대 브라우저의 CSS3와 HTML 5 호환표입니다.

 

 

먼저 CSS3 속성입니다. CSSTransforms3D는 아직 지원하는 브라우저가 없고, 그 외의 속성은 윈도우즈 플랫홈에서 크롬과 사파리가 전부 지원, 오페라와 파이어폭스는 대부분 지원합니다. 인터넷 익스플로러는 지원 안하는게 아직 꽤 있습니다. 맥 플랫홈에서는 역시 스파리가 제일 잘 지원하는 편이며 그 다음은 파이어폭스와 오페라.

 

1.jpg

 

 

CSS3 셀렉터입니다. 인터넷 익스플로러의 구형 버전만 빼고 다 지원합니다.

 

2.jpg

 

 

HTML5 웹 어플리케이션입니다. 인덱스 데이터베이스와 터치는 아직 지원하는 브라우저가 없습니다. 그 외에 다른 속성은 크롬과 사파리가 모두 지원합니다(크롬 10과 파이어폭스 4의 최신 버전에서 인덱스 데이터베이스를 지원하고, 파이어폭스는 웹소켓을 지원하지만, 보안상의 이유로 기본값은 사용하지 않도록 되어 있다고 합니다).

 

3.jpg

 

 

HTML5 그래픽과 내장 컨텐츠입니다. HTML5에서 제일 기대되는 부분이지요. 크롬, 파이어폭스, IE9에서 제대로 지원합니다.

 

4.jpg

 

 

HTML5 오디오 코덱입니다. 여기서도 크롬은 전부 지원, 사파리는 ogg만 빼고 다 지원, IE9는 MP3와 AAC를 지원합니다. 파폭하곤 반대군요.

 

5.jpg

 

 

HTML5 비디오 코덱입니다. 여기서도 크롬만세.

 

6.jpg

 

 

HTML5 폼 인풋입니다. 여기서는 오페라의 지원이 최고 수준이며 인터넷 익스플로러는 하나도 지원하지 않습니다.

 

7.jpg

 

 

HTML5 폼 속성입니다. 여기서도 비슷한 결과가 나왔군요.

 

8.jpg

 

 

지금 CSS3와 HTML5 지원을 보면 크롬과 사파리가 뛰어난 편이며 파이어폭스와 오페라가 그 다음입니다. 인터넷 익스플로러는 이제 지원을 시작했습니다.