웹브라우저별 html5의 기능 지원 범위

html5를 기반으로 하는 개발 환경에서는 브라우저가 얼마나 html5를 지원하는지 알아보는 것이 중요하다.

브라우저의 종류로는 우리 주변에서 가장 많이 사용하고 있는 Chrome과 Explorer 외에도 Firefox, Opera, Safari, Maxhon이 있다.

다양한 브라우저에 대해 html5의 기능이 얼마나 지원되는지 알아보는 사이트가 있다.

http://html5test.com

현재 브라우저가 html5를 얼마나 지원해주는지 점수로 알려주고, html5 기능별 지원 여부를 체크리스트로 제공, 브라우저 별 기능 제공 비교, 기능별 브라우저 제공 여부를 확인해 준다. 기능별 검사 항목으로 Parsing rules, Canvas, Video, Audio, Elements, Forms, User interaction, History and navigation, Microdata, Web applications, Security, Various 등 23가지 항목에 대해 체크하고 있고 각 항목에 대해서 조금 더 구체적으로 확인이 가능하다.

current

Score	Browser
526	Chrome 44
525	Opera 31
467	Firefox 40
402	Edge
396	Safari 8.0

위 점수는 500점 만점 기준으로 측정한 각 브라우저의 최신 버전의 점수이다. Chrome은 많은 기능을 제공하여 높은 점수가 나오 있으며 Edge도 html5 기능 지원을 위해 이번에 MS에서 새로 출시되었지만 아직은 조금 미비한 모양이다.

older

Score	Browser
523	Chrome 42
519	Opera 29
511	Chrome 40
497	Opera 26
486	Chrome 36
449	Firefox 35
449	Firefox 37
433	Chrome 28
416	Firefox 28
371	Firefox 18
352	Safari 7.0
338	Opera 12.10
336	Internet Explorer 11
326	Safari 6.0
297	Internet Explorer 10
250	Safari 5.1
113	Internet Explorer 9
33	Internet Explorer 8

문제가 되는 부분은 아직도 IE 옛날 버전을 사용하는 사람이 많다는 것이다.

IE9 버전의 점수를 보면 심각하게 낮은데다가 체크리스트 항목에서도 거의 대부분의 기능을 제공하지 못하고 있다.

아래 그래프는 국내 익스플로러 버전별 점유율을 조사한 그래프이며 IE9 버전의 경우 미미하게 점유율이 줄어들어 보이긴 하나 꽤 많은 사용자들이 IE9를 이용하고 있다는 것을 알 수 있다.

      (국내 익스플로러 버전별 점유율 2014-08 ~ 2015-07)

MS windows10 기본 브라우저로 Edge가 채택되였지만 windows업그레이드 사용자에 한한 내용이며 국내 브라우저 점유율의 영향으로 인해 html5의 도입에도 앞으로 언제쯤에나 본격적으로 활용할 수 있을지는 의문이다.