The five main browsers CSS3 and HTML5 compatibility competition

Source: Internet
Author: User
Tags coding standards

The major mainstream browsers to CSS3 and HTML5 support more and more perfect, once let the number of front-end developers brokenhearted of IE department also began to embrace standards. Just a few days ago, HTML5 community leader Shelley of the Global consortium announced that HTML5 's development work was nearing completion and that if it went well, HTML5 would become an international standard in 2012.

Of course, even if the standards are formalized, it will take a long process for modern browsers to spread to most users. If you want to use CSS3 and HTML5 to create your site now, you need to have a comprehensive understanding of how each browser supports these two new technologies. This article is a detailed list of Ie,chrome,firefox, Safari,opera five major major browsers, in Mac and Windows two platforms, support for CSS3 and HTML5 various features.

CSS3 Property

As can be seen from the table, CSS Transforms 3D does not have browser support, other than the other attributes in the Windows platform, Chrome and Safari all support, and the second support is better than Opera and Firefox, once a red fork IE began to catch up. In the MAC platform Safari continues to Excel, followed by Firefox and Opera.

CSS3 Selector

The most pleasing is the table, except IE 9 version, other browsers have all supported the CSS3 selector, including IE 9 and will be released next year, ie 10.

HTML5 WEB Application

As you can see from the table, with the exception of the client database Indexdb and touch events, all the other features are supported by Chrome and Safari, and Microsoft has to refuel. (Update: Verified Chrome 10 and Firefox 4 have supported Indexdb,firefox 4 also supported WebSocket, but for security reasons by default is not enabled, we can re-enable WebSocket through 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 Coding

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

HTML5 Video Coding

Or Chrome is the most powerful, inclusive world, do not know whether H.264 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 of market share has not changed much. On 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 second, Firefox and Opera are equal, IE 9 began to embrace the standard. Given this situation, if you want to use these two new technologies to create a pioneer experience site, now CSS3 and HTML5 can make you realize that if you want to apply on a large scale to real projects, it's too early.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.