HTML 5 Cheat Sheet – Including Free PDF Download

Cheat sheets; don’t you just love them?

I love them as they offer me a simple way to recall a software program or help me to learn a new skill. Plus there’s always a useful keyboard shortcut to forget, a command you will just fail to remember, a newly introduced function that slips your mind or element you cease to think of.

So to get things rolling with my up and coming series of HTML5 tutorials and guides which I will be sharing on I have spent the last few days creating this HTML 5 “Mega” cheat sheet for all you front end types to get your little hands on. So whether you are a web design novice or a seasoned grizzly veteran this will hopefully come in use for your next project.

Of course if you want to share this piece on your blog, Tumblr or website then there is an embed code at the bottom of the page.

Updated 21st November 2016


The HTML 5 Mega Cheat Sheet

Share this HTML5 Cheat Sheet on Your Blog


The following two tabs change content below.


My name is Jamie Spencer and I have spent the past 5 years building money making blogs. After growing tired of the 9-5, commuting and never seeing my family I decided that I wanted to make some changes and launched my first blog. Since then I have launched lots of successful niche blogs and after selling my survivalist blog I decided to teach other people how to do the same.

23 thoughts on “HTML 5 Cheat Sheet – Including Free PDF Download”

  1. Thanks for this Jamie. Very clear sheet!
    IMHO it is more helpful to have this information in html (rather than PDF) as it loads more quickly and is resizeable, so this cheat-sheet comes about right !

  2. Where can I find a list of all your cheat sheets? I noticed you have more than one, but I can’t seem to find the comprehensive list of them all.

  3. Hi Jamie,

    Thanks so much for this sheet! It’s really helpful.

    The colors of the browser support for each feature were a little confusing for me, so I made another version out of your jpg. It obviously doesn’t have very good quality, but it helped me visualize it.
    Do you have date when you last collected the browser data? If you don’t mind me including that and posting my version, maybe I can share it as well :-)


  4. Do you mind if I quote a couple of your articles as long
    as I provide credit and sources back to your site?
    My blog is in the very same area of interest as yours and my users would really benefit from a lot of the
    information you provide here. Please let me know if
    this ok with you. Thanks a lot!

  5. I think you missed the point in creating a PDF, it should contain the text in order to be searchable. The PDF you provided is full of large image files.

  6. Hey, thanks for sharing!
    Can you please please please offer a pdf version without jpg compression.
    thanks! :D

  7. Could you be so kind and provide a page separated DIN-A4 version as PDF to print it and glue it on the head of some collegues? :-D

Leave a Comment