HTML5 Cheat Sheets

By / Dec 28, 2011 / Resources
shares

With new additions or changes to HTML5 happening quite frequently, it can become hard to remember all the new various features. These nice up-to-date cheat sheets, created for WDL by InMotion Hosting, can help web designers and developers keep track of it all.

The cheat sheets are broken up into three graphics:

  • Tags
  • Event Handler Content Attributes
  • Browser Support

Each differentiates between the new, existing, and unsupported features of HTML5. The clean visual grid is easy to run through, lending itself to be a very practical tool for a busy designer/developer. The most useful aspect of it all – it is print-ready for you to pin up on your wall for quick and easy referencing.

HTML5 Tags Cheat Sheet

Click graphic below to enlarge, print or share on your website.
HTML5 Cheat Sheet - Tags

HTML5 Cheat Sheet By InMotion Hosting – A Virtual Private Servers Provider

HTML5 Event Handler Content Attribute Cheat Sheet

Click graphic below to enlarge, print or share on your website.
HTML5 Cheat Sheet - Event Handler Attributes

HTML5 Cheat Sheet By InMotion Hosting – A Web Hosting Provider

HTML5 Browser Support Cheat Sheet

Click graphic below to enlarge, print or share on your website.
HTML5 Cheat Sheet - Browser Support

HTML5 Cheat Sheet By InMotion Hosting – A Dedicated Server Provider

Other Recommended Articles On HTML5

About the Author

Anie Ajamian is a graphic and web designer for InMotion Hosting, one of the top virtual private server providers in North America. You can view other infographics that she has designed by visiting InMotion Hosting's Infographics web page.

14 Comments

  1. aledesign.it
    December 28, 2011

    Thanks. So interesting!

    Reply
  2. Kimmy | Html5xcss3.com
    December 28, 2011

    Thanks, I’m learning about Html5 !!

    Reply
  3. ithi
    December 28, 2011

    Thanks for these! :) I will print & share them on my site.

    Reply
  4. David
    December 28, 2011

    Is there a more up to date browser support chart? I am just wondering since Firefox is up to version 8 and Chrome is up 16 if there have been much more in support.

    Reply
  5. Dzinepress
    December 29, 2011

    i was search around the web and finally got it. thanks

    Reply
  6. Kike
    December 29, 2011

    It’s a little outdated.

    Reply
  7. Beben Koben
    December 29, 2011

    thank you …
    Great HTML5 Cheat Sheet \m/

    Reply
  8. Sheldon
    December 29, 2011

    Thank you for the post, it is useful but the HTML5 Browser Support Cheat Sheet seems a tad incomplete and the versions of browsers are not recent

    Reply
  9. Craig
    December 30, 2011

    For Kindle owning Web Devs I knocked up a HTML5 Tag Reference eBook. http://www.craig-russell.co.uk/html5-reference-free-kindle-book/

    Reply
  10. Robin Humphreys
    December 30, 2011

    Very handy list you’ve assembled there!

    Reply
  11. Ashish
    January 25, 2012

    Wow, lovely.
    this is awesome. I liked the events list more. Really great work by developers.
    I would be never be known of these great stuffs…
    thanks team!

    Reply
  12. Ashish
    January 25, 2012

    I will be happy if you add the new browsers support list here like Chrome 16.0, Firefox 9.1, IE 9.0 and 10.0 and others as well.

    Thank you very much in advance…

    Reply
  13. Ann Marie {Cascade Valley Designs}
    January 30, 2012

    Very helpful Cheat Sheets. These are going in my swipe file. Thanks for sharing.

    Reply
  14. janzell
    February 1, 2012

    Very helpful! thank you…

    Reply

Leave a Reply