2013 five major browsers HTML5 and CSS3 compatibility "turn"

Source: Internet
Author: User

Abstract: This article brings you the "five major mainstream browser HTML5 and CSS3 compatibility", let's take a look at the browser status of 2013 years. The competition between browser vendors has led browsers to support HTML5 and CSS3 more and more ...

In the blink of an eye another year, in this year, Firefox and Chrome in the spell upgrade, the version number is soaring; IE10 as Windows 8 was officially released late last October, the performance of JavaScript and the support for HTML5 and CSS3 have been a bright one. This article brings you "five major browsers HTML5 and CSS3 compatibility", let's take a look at the browser status of 2013 years.

The competition between browser vendors has led to greater browser support for HTML5 and CSS3, and the chart below lists the Ie,chrome,firefox, Safari,opera five major browsers, on Mac and Windows two platforms, on HT ML5 and CSS3 A detailed list of the latest support situations (individual data may be inaccurate, and you can Find more detailed information by caniuse.com).

CSS3 Property 

As can be seen from the table, other properties have been implemented by browsers, except for Overflow scrolling, which has no browser support. On the Windows platform, Chrome supports all attributes except Overflow scrolling (image data is wrong, CSS3 3D Transforms is supported in Chrome 25, need to add-webkit-prefix), and second support is better Firefox, CSS3 Reflections is not supported.

Once a red fork of IE began to catch up, IE10 has and can compete with Opera. Much better on MAC platforms, 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 property of CSS3 is used to simulate the mobile device native damping scrolling, similar to the scrolling effect implemented by Iscroll, currently only supported by the IOS 5 built-in Sarari browser, details: Native Style momentum scrolling to arrive in IOS 5)



CSS3 Selector

  CSS3 Selector Compatibility is the most gratifying, except IE9 the following version, other browsers have all supported the CSS3 selector feature . IE6 Tragedy of one does not support, IE7 and IE8 only support a small part, IE9 and IE10 to force, unexpectedly also all support.

HTML5 WEB Application

HTML5 new features to support WEB application development are the most exciting parts of HTML5, including local storage, offline storage, geolocation, Workers, WebSockets, and more. Chrome is the most dynamic and supports all features (data errors in the table, touch events, Chrome 25 and Firefox 19 are supported).

Websql Database has been given up, the browser does not support it does not matter, and Indexd Database,ie10, Chrome and Firefox are supported, this is the Gospel of developers. IE10 is very strong, Meter tag and Touch Event is not supported.

HTML5 graphics and inline content

This should be HTML5 's most anticipated thing, with built-in Canvas,audio,video,svg, WebGL, and SMIL and other important feature objects. Chrome, Firefox, Safari, Opera and ie9/ie10 all supported, great!

HTML5 Audio Encoding

Chrome still gives the force, all support for HTML5 audio format, Safari except OGG Vorbis format. It is strange that IE does not support their own WAV format, and Chrome, Firefox, Opera and Sarari are supported, ⊙﹏⊙ b Khan.

HTML5 Video Encoding

Support for HTML5 videos or Chrome is the best, inclusive world. Firefox and Opera support Ogg Vorbis and WebM two video formats, which do not support H. Ie9/ie10 and Safari only support H. According to statistics, at present, 80% of the video use of H + encoding, look forward to the early integration of the video coding standard!

HTML5 Form Input

HTML5 New a number of new input types, such as DateTime, Range, colour, and so on, which were previously required for JavaScript to be implemented, are now only required to set the input type. The calm Opera unexpectedly all support, a bit unexpected! Chrome does not yet support DateTime types, others support it, IE10 and Safari support the same level, and Firefox has a lot to do.

HTML5 Form Properties

  HTML5 form attributes are also important improvements to form functionality, simplifying WEB application development. In the Mac platform, other properties are supported except that Safari does not yet support the List property. In the Windows platform, Chrome, Opera and IE10 all support, Firefox is left behind, even after IE, Min, Max and Step properties are not supported.

written in the last

at present, the HTML5 and CSS3 support the best is that Chrome,ie10 has been able to be matched with Safari, Firefox, and Opera. Overall, the major browsers to HTML5 and CSS3 support is constantly improving, a growing number of major enterprises and developers are also trying to use HTML5 and CSS3 in the project, especially in the field of mobile Internet, there are many excellent applications developed, the future of the WEB has a lot of things to look forward to.

Original address: http://www.html5cn.org/article-5226-1.html

2013 five major browsers HTML5 and CSS3 compatibility "turn"

Related Article

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.