An Ultimate HTML5 Cheat Sheet for Web Developers

Posted by Joe Burrill | On | December 15, 2011 | Filed under Resources

HTML5 has now become the new standard for the web development, every new browser has the compatibility of HTML5, and collectively these are called modern browsers. So the moral of the story is if you are a web developer and want to match the future of web development, you have to learn HTML5. You cannot depend on previous HTML for your web projects because these will be out dated soon. But one major question may arise into your mind – How to learn HTML5 easily? Learning a new language is not an easy task, as it may have new concepts and logic. But no one can ignore it either, to solve this confliction of mind; there are several resources available for fundamental learning of HTML5.


Another problem is, you cannot depend on these resources all the time or these resources may not be available to you all the time. In both situations, you should have a medium through which you can get help any time you need. This medium may be a cheat sheet, it is a file or group of related files which contains all possible information regarding particular topic, in this case, HTML5. HTML5 Cheat sheet may be an ultimate guide to novice developers as it contains all the basic information plus most of the structure of HTML5. Today, we are publishing a HTML5 cheat sheet in the form of inforgraphic, this is a single image file which can be stored anywhere easily.


Ultimate HTML5 Cheat Sheet

♂ Author Info ♀

Written by Joe Burrill

Joe Burrill has written 640 posts on Blogger's Path

Spread the ❤

Related Posts☟


  1. By James - December 16, 2011

    I’m curious. The support chart at the bottom, apart from IE8, are very old versions of the browsers with very low market share currently. Why not show the support for the browser versions with the highest market share?

    Chrome 9 is only 0.08% market share but Chrome 15 has 22%; FF3.6 is still 5.5% but FF7 has 7.4%

    Would be more useful with the support data for the currently highest used browsers.

  2. By Amit - December 16, 2011

    @James, Whole world knows it, that all modern browsers have full support to HTML5. The important thing which should be considered by a web developer is compatibility of HTML5 with older browsers. That’s why this chart shows only older browser compatibility.

  3. By Eleonore Gorwin - January 31, 2012

    Thanks, Amit. This is very useful.

  4. By HH - February 1, 2012

    Why comparing old version of browser ?

  5. By BRIAN - February 1, 2012

    According to the last Editor’s Draft of the HTML 5 Specification (13 January 2012), the specification is still not stable and should not be relied upon to remain consistent. In other words, authors of web content should be careful with using any of the “New” tags, attributes, events, etc before the specification is ratified.

  6. By Fırat Esmer - February 1, 2012

    Waow! Thanks man!

  7. By Doyle hunter - February 1, 2012


    Thanks for the cheet sheet. I just saw it referenced in a Code Project newletter today. I would like to make an appeal for the 8 percent of males and 0.5 percent of females who are color blind. Please use colors or patterns that are distinguishable by all sighted people. In the feature support chart, it is difficult for me to tell the difference between supported and unsupported. You might try running this png through a color blindness simulator to see how some of your audience sees it.

    Thanks again for posting this.

  8. By happy - February 1, 2012

    wow..great, keep up the good work MR. WEB Developer.

  9. By wael - February 1, 2012

    Great work, would you please give us a printable version. I think every web developer will need to print it and hang it in his office

Leave a comment