HTML5 Cheat Sheets
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 Event Handler Content Attribute Cheat Sheet
Click graphic below to enlarge, print or share on your website.
HTML5 Browser Support Cheat Sheet
Click graphic below to enlarge, print or share on your website.
Other Recommended Articles On HTML5
- HTML5 & CSS3: Take Your Design to Another Level
- Fresh Examples of HTML5 Websites
- 10 Online HTML5 Tools For Web Designers
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.
Related Posts
Here's some other articles that you will definitely find useful.
7 CSS and JavaScript Performance Tips
Getting Started with WordPress Post Formats
Modernizr & YepNope Tips
2013 Color Trends on the Web
Freelance vs. Agency – Which is Better at Selling Web Design?
14 comments
aledesign.it
December 28, 2011Thanks. So interesting!
Kimmy | Html5xcss3.com
December 28, 2011Thanks, I’m learning about Html5 !!
ithi
December 28, 2011Thanks for these!
I will print & share them on my site.
David
December 28, 2011Is 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.
Dzinepress
December 29, 2011i was search around the web and finally got it. thanks
Kike
December 29, 2011It’s a little outdated.
Beben Koben
December 29, 2011thank you …
Great HTML5 Cheat Sheet \m/
Sheldon
December 29, 2011Thank 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
Craig
December 30, 2011For Kindle owning Web Devs I knocked up a HTML5 Tag Reference eBook. http://www.craig-russell.co.uk/html5-reference-free-kindle-book/
Robin Humphreys
December 30, 2011Very handy list you’ve assembled there!
Ashish
January 25, 2012Wow, 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!
Ashish
January 25, 2012I 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…
Ann Marie {Cascade Valley Designs}
January 30, 2012Very helpful Cheat Sheets. These are going in my swipe file. Thanks for sharing.
janzell
February 1, 2012Very helpful! thank you…