HTML5 Cheat Sheets

By / Dec 28, 2011 / Resources

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.

  • http://www.aledesign.it aledesign.it

    Thanks. So interesting!

  • http://www.html5xcss3.com Kimmy | Html5xcss3.com

    Thanks, I’m learning about Html5 !!

  • http://ihatepixels.com ithi

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

  • David

    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.

  • http://www.dzinepress.com Dzinepress

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

  • Kike

    It’s a little outdated.

  • http://beben-koben.blogspot.com Beben Koben

    thank you …
    Great HTML5 Cheat Sheet \m/

  • Sheldon

    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

  • http://www.craig-russell.co.uk Craig

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

  • http://www.robinhumphreys.nl Robin Humphreys

    Very handy list you’ve assembled there!

  • http://10pixel.com Ashish

    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!

  • http://10pixel.com Ashish

    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…

  • http://www.cascadevalleydesigns.com Ann Marie {Cascade Valley Designs}

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

  • http://www.webdosh.net janzell

    Very helpful! thank you…