HTML5 Browser Compatibility

Nov 09, 2011
Dario Mora

HTML 5 is close to its full implementation, and some browsers are already supporting certain features pertaining to this new standard. These features are designed to enhance the development of applications and websites.

Caniuse.com is an interesting online platform where you can find information about the implementation of the main characteristics of new technologies in major browsers.

Some of browsers that we can get information about are:

  • Internet Explorer (versions 6, 7, 8, 9)
  • Firefox (versions 3.6, 4, 5, 6)
  • Safari (versions 3.2, 4, 5, 5.1)
  • Chrome (versions 1, 2, 3, 4)
  • Opera (versions 10.6, 11, 11.1, 11.5)

This service, along with information updated on the support of key features of HTML 5, CSS3, PNG, DOM, CSS2, SVG or CANVAS allows us to make comparisons on the degree of implementation of these new technologies among the major web browsers.

You can access this web platform to learn about browsers support HTML 5, CSS3 and other technologies here: http://caniuse.com.

 

Here is a summary of my results:

  • Internet Explorer 9: It has good support for Canvas. Audio and video provides support but is not compatible with all formats and codecs. It does not offer very good support for the new elements introduced in forms, user interaction, Microdata and Web Applications.
  • Firefox: Has very good support for Canvas, characteristics of user interaction (including native Drag & Drop) for Web applications (including Web Cache), Geolocation and Web Workers, and many others. In Forms Firefox provides better performance than IE9. The browser also supports audio and video, but not all formats and codecs.
  • Chrome: Supports Canvas, interaction with the user interface, Aplication Cache, Geolocation, local storage, among other features. It has a great support for various audio codecs, but not all video codecs and formats. Google's browser is the winner of this testing.
  • Safari: Supports Canvas, Drag & Drop, Aplication Cache, Geolocation, local storage and Web Workers, along with other features Forms has low support, support audio and video but not all codecs and formats. Not compatible with WebGL nor Microdata.
  • Opera: It emphasizes in the support for Canvas, Aplication Cache, Web Workers and Geolocation. It has a high score on form features HTML5 is the highest of the browsers tested. It does not support native Drag & Drop, WebGL or Microdata. It supports audio and video, but not all codecs and formats.

 

Conclusions

  • Browsers are virtually divided into two factions: those who support paid and those who support free codecs, in this category Chrome browser is the winner because it supports both codecs. The full support of audio / video from all browsers will be a long and complicated process.
  • The only browser that supports each and every one of the new CSS3 properties is Safari, including 3D CSS Transforms.
  • The Opera browser mobile version is pretty good, is the only one to support the new HTML5 Form Inputs to an acceptable level. Although it has not been given so much emphasis to the visual effects or media.
  • IE9 still has a far way to go to reach the same level of support as the other browsers.