Big Five mainstream browsers CSS3 and HTML5 compatibility

• Dazzling HTML5 and JavaScript effects
• Five cool and awesome effects that can be achieved with CSS3
• Nine incredible HTML5 and JavaScript experiments
• Recommended 18 chart libraries based on HTML 5 Canvas development
• 29 web games developed based on HTML5 Canvas

The main mainstream browser to CSS3 and HTML5 support more and more perfect, once how many front-end developers broke the heart of the IE system began to embrace the standard. Just a few days ago, HTML5 community leader Shelley announced that HTML5 's development efforts were nearing completion, and that HTML5 would formally become an international standard in 2012 if it progressed well.

Of course, even if the standard is formally developed, modern browsers need to be popular with most users for a rather lengthy process. If you want to use CSS3 and HTML5 to create your site now, you need to have a thorough understanding of how each browser supports these two new technologies. This article is a detailed list of the various features supported by Ie,chrome,firefox, Safari,opera five major browsers, on Mac and Windows two platforms, on CSS3 and HTML5.

CSS3 Property

As can be seen from the table, CSS Transforms 3D has no browser support, in addition to other properties on the Windows platform, Chrome and Safari all support, followed by the better is Opera and Firefox, once a red fork of IE began to catch up. Safari continues to excel on MAC platforms, followed by Firefox and Opera.

CSS3 Selector

The most pleasing is this table, in addition to the version of IE 9, the other browsers have all supported the CSS3 selector, including IE 9 and will be released next year IE 10.

HTML5 WEB Application

As can be seen from the table, except for the client database Indexdb and touch events, other features Chrome and Safari are all supported, and Microsoft has to refuel. (Update: Verified that Chrome 10 and Firefox 4 already support Indexdb,firefox 4 also support WebSocket, but for security reasons it is not enabled by default, we can re-enable WebSocket via About:config, just enable Network.websocket.override-security-block option. ）

HTML5 Graphics and inline content

This should be HTML5 's most anticipated thing, built-in canvas, video, audio, SVG,WEBGL and other objects. All supported by Chrome,firefox, and IE 9, very surprised.

HTML5 Audio encoding

Chrome is all support, Safari except OGG Vorbis all support, IE 9 began to support MP3 and AAC.

HTML5 Video Encoding

Or Chrome is the most powerful, tolerant of the world, do not know whether I can become a unified video coding standards, look forward to.

HTML5 Form Objects

These browsers are the most calm to the number of Opera, so many years, the market share has not changed much. On the Windows and MAC platforms, Opera supports all HTML5 form objects, and the IE family is annihilated.

HTML5 Form Properties

IE once again annihilated, Opera still all support, followed by Safari,chrome,firefox.

Conclusion

At present, the best support for CSS3 and HTML5 is Chrome,safari, which is the same as Firefox and Opera, and IE 9 begins to embrace the standard. Given this situation, if you want to use these two new technologies to create a pioneer experience site, now the CSS3 and HTML5 can let you realize, if you want to large-scale application of the actual project, it is too early.