Shulou(Shulou.com)06/03 Report--

This article mainly introduces "what are the differences in compatibility between mainstream browsers HTML5 and CSS3". In daily operation, I believe many people have doubts about the differences between mainstream browsers HTML5 and CSS3 compatibility. Xiaobian consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the doubts about "what are the differences between mainstream browsers HTML5 and CSS3 compatibility?" Next, please follow the editor to study!

The competition among browser manufacturers has prompted the major browsers to support HTML5 and CSS3 more and more perfectly. the following chart lists the five major browsers IE,Chrome,Firefox and Safari,Opera, and a detailed list of the latest support for various features of HTML5 and CSS3 on Mac and Windows platforms (individual data may be inaccurate, you can query more detailed information through caniuse.com).

CSS3 attribute

As you can see from the table, except for Overflow Scrolling, which is not yet supported by browsers, all other properties are already implemented by browsers. On the Windows platform, Chrome supports all attributes except Overflow Scrolling (image data is incorrect, CSS3 3D Transforms has been supported in Chrome 25 and needs to be prefixed with-webkit-), followed by Firefox, which does not support CSS3 Reflections.

Once a red cross of IE began to catch up, IE10 has been able to compete with Opera. Things are much better on the Mac platform, where Safari, Chrome, and Firefox support almost all of the CSS3 features. Opera also has only a few properties that are not supported.

(note: the Overflow Scrolling attribute of CSS3 is used to simulate the native damping scrolling of mobile devices, similar to the scrolling effect achieved by iScroll. Currently, it is only supported by the Sarari browser built into iOS 5. Details: Native style momentum scrolling to arrive in iOS 5)

CSS3 selector

The compatibility of CSS3 selectors is the most gratifying, except for versions below IE9, all browsers already support CSS3 selector features. Neither of the IE6 tragedies supports either. IE7 and IE8 support only a small part, while IE9 and IE10 support all of them.

HTML5 Web application

These new features that HTML5 adds to support Web application development are the most exciting parts of HTML5, including local storage, offline storage, geolocation, Workers, WebSockets, and so on. Chrome is the most powerful and supports all features (incorrect data in the table, Touch (touch) events, supported by Chrome 25 and Firefox 19).

WebSQL Database has been abandoned by the W3C, and it doesn't matter if browsers don't support it, while Indexd Database,IE10, Chrome and Firefox all support it, which is good news for developers. IE10 is very powerful, but Meter tags and Touch Event are not supported.

HTML5 graphics and embedded content

This should be the most anticipated thing for HTML5, with built-in important feature objects such as Canvas,Audio,Video,SVG, WebGL, and SMIL. Chrome, Firefox, Safari, Opera and IE9/IE10 all support it. Great!

HTML5 audio coding

Chrome still supports all HTML5 audio formats, and Safari supports all except Ogg Vorbis format. It is strange that IE does not support its own WAV format, while Chrome, Firefox, Opera and Sarari all support it. ⊙ thanks ⊙ b Khan.

HTML5 video coding

Chrome is the best way to support HTML5 video, which is inclusive all over the world. Firefox and Opera support Ogg Vorbis and WebM video formats, but do not support H.264. On the contrary, IE9/IE10 and Safari only support H.264. According to statistics, at present, 80% of videos are encoded by H.264, and we look forward to an early unified video coding standard for H.264!

HTML5 form input

Many new input types have been added to HTML5, such as DateTime, Range, Colour, etc., which used to be implemented using JavaScript, but now you only need to set the input type. It's a bit of a surprise that the calm Opera supports all of them. Chrome does not support the DateTime type, others support it. Both IE10 and Safari support the same level of support, while Firefox still needs to work hard.

HTML5 form Properties

HTML5 form attribute is also an important improvement to the form function, which simplifies the development of Web application. On the Mac platform, all properties are supported except that Safari does not support the List attribute. On the Windows platform, Chrome, Opera and IE10 are all supported, and Firefox lags behind IE. Min, Max and Step attributes are not supported yet.

At this point, the study on "what are the differences between the compatibility of mainstream browsers HTML5 and CSS3" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.