What browsers are compatible with HTML5?

Question

Hi guys

I was reading the Steve Job's article on why using HTML5. He indeed has some good points over the subject.

I would like to invite you developers who are working now with HTML5 to answer my question:

What browsers actually work well with HTML5?

thank you

Answer 1

That depends. If you mean "All of HTML5" then "None of them". If you mean "Some of HTML5" then "All of them". If you mean "Specific new things added in HTML5" then it depends on which bits.

This Wikipedia article has a summary table

Answer 2

• http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/
• http://caniuse.com/

Answer 3

None support all of HTML5. All of the most recent versions of FF, Safari, Chrome and IE support bits and pieces. Unfortunately not the same bits and pieces. At the moment the better question is do all of my supported browsers understand a particular HTML 5 component. You can check this site for specific browser support: http://www.deepbluesky.com/blog/-/browser-support-for-css3-and-html5_72/

Answer 4

As long as you don't use the new elements, just switching your doctype to HTML5 works as well as any other HTML doctype. (I'm not going to address XHTML.)

If you want to start using the new HTML5 elements, you'll need to be aware of how they do or don't degrade in browsers that don't support them yet. For the most part, they degrade well, with one exception: IE. IE won't let you style an element it doesn't know about (e.g., via CSS). The good news is that IE makes it really easy to tell it "no, really, this tag is a valid element tag" by doing this in Javascript:

document.createElement('section');

(Using section as an example.) That's it. At long as you do that near the top of your document (in the head, for instance), IE will accept that section is now a valid element tag and will process the document accordingly, as a by-product of your having created an instance of a section via script (even though you didn't save that instance anywhere; just the action of creating one puts it on the list of accepted element tags).

Remy Sharp et. al. have created a script that does this for the various HTML5 elements, which you can download here (more info here). Best to wrap it in IE conditionals:

<!--[if IE]>
    <script src="html5.js"></script>
<![endif]-->

Answer 5

The web-kit derived browsers - Safari and Chrome - and particularly their smartphone versions, are quite focussed on HTML5. The most exciting new features in HTML5 are really quite strongly purposed towards mobile platforms. For example, client data storage is more useful on handsets that may be moving in and out of network coverage than desktops on permanent broadband connections.

Answer 6

The best working are the edge browsers - great for checking out the future is using a Webkit nightly.

Answer 7

HTML5test.com is a great site to figure out how much your browser supportes HTML5 (and CSS3).

seems to be currently down...

Answer 8

Here is a page I use for checking new browser releases for support of the new features.