Support for CSS 3 and HTML5 in mainstream browsers

 

The introduction of css3 and HTML5 has also made the compatibility of various browsers a concern of many designers. This article listsSupport for CSS 3 and HTML5 in mainstream browsers.

More and more browsers support css3 and HTML5, or even the latest version of IE. Of course, the so-called support is only partially supported, because the W3C specifications of css3 and html5. If you want to use css3 and HTML5 to create your site, you must have at least a comprehensive understanding of the support of each browser for these two new technologies.

It should be noted that, even if the same version of the same browser is used on both Mac and Windows platforms, their support for css3 and html5. This article is a list of five browsers, chrome, Safari, Firefox, opera, and IE, which provide detailed support for various functions of css3 and HTML5 on Mac and Windows platforms.

Css3 attributes

We can see that browsers that fully support css3 are chrome and Safari, and support both Mac and Windows platforms.

 

Css3 Selector

In addition to the IE family and Firefox 3, almost all others are supported. Chrome, Safari, Firefox 3.6, and opera 10.5 are the best.

 

HTML5 Web Applications

Safari provides the best support for HTML5 web applications, except for the geographic positioning function.

 

HTML 5 embedded object

This should be the most exciting thing in HTML5, built-in canvas, video, audio and other objects. All supported include chrome, Safari, Firefox 3.6, and opera 10.5. The IE family is completely defeated.

 

HTML5 audio encoding

Opera 10.5 supports the most comprehensive, and the IE family does not accept any particles.

 

HTML5 Video Encoding

H.264 has a long way to go.

 

Various HTML5 form objects

Chrome has the best performance on Mac. These form objects remind you of the desktop.Program.

 

HTML5 form object attributes and Behaviors

I think of the desktop program again.

 

Conclusion

Currently, the best support for css3 and HTML5 is safari, followed by Chrome. Firefox 3.6 is the same as opera 10.5, and IE is the worst. In view of this situation, if you want to use these two new technologies to create a pioneer experience site, the current css3 and html5. if you want this site to be accessed by most people, it is still too early. The discount solution is to provide a downgrade solution for browsers that do not support certain functions of css3 and HTML5. Of course, many problems need to be involved, including browsers and versions, the platform's detection, CSS hack, and so on are a lot of work, I believe it is not worth the candle.

 

This article is transferred from: Web Teaching Network