Compatibility between CSS 3 and HTML5 in mainstream browsers

Mainstream browsers have increasingly improved support for css3 and HTML5, And the IE series, once heartbroken by many front-end developers, began to embrace standards. Just a few days ago, W3C HTML5CommunityLeader Shelley announced that HTML5 development is nearing completion. If the development progresses smoothly, HTML5 will officially become an international standard in 2012.

Of course, even if the standards have been formally formulated, it will take a long process to popularize modern browsers to most users. If you want to use css3 and HTML5 to create your site, you need to have a comprehensive understanding of the support of each browser for these two new technologies. This article is a list of five mainstream browsers, including IE, chrome, Firefox, Safari, and opera, which provide support for various features of css3 and HTML5 on Mac and Windows platforms.

Css3 attributes

From the table, we can see that CSS transforms 3D is not supported by browsers, and other properties are supported by all Windows platforms, chrome and Safari, followed by opera and Firefox, IE, which once had a Red Cross, began to catch up. Still outstanding in Mac or Safari, followed by Firefox and opera.


Css3 Selector

This table is the most gratifying. Except for versions earlier than IE 9, all other browsers support css3 selectors, including ie 9 and IE 10, which will be released next year.


HTML5 Web Applications

From the table, we can see that apart from the client database indexdb and touch events, all other features Chrome and Safari are supported, and Microsoft has to work on them. (Updated: chrome 10 and Firefox 4 have supported indexdb, and Firefox 4 also supports websocket. However, it is disabled by default for security reasons. We can use about: config to re-enable websocket, you only need to enable network. websocket. override-security-Block option .)


HTML5 graphics and embedded content

This should be the most exciting thing in HTML5, with built-in canvas, video, audio, SVG, webgl, and other objects. Chrome, Firefox, and IE 9 are all supported.


HTML5 audio encoding

Chrome is all supported, Safari is all supported except Ogg Vorbis, and IE 9 starts to support MP3 and AAC.


HTML5 Video Encoding

Chrome is still the most powerful and inclusive. I don't know if H.264 can become a unified video encoding standard.


HTML5 form object

Opera is the most basic browser, so the market share has not changed much over the years. On Windows and Mac platforms, opera supports all HTML5 form objects, and the IE family has never been used.


HTML5 form attributes

Once again, ie was completely defeated, and opera was still fully supported, followed by safari, chrome, and Firefox.