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.
  • Christian Hoffmann
    Posted at 09:11h, 09 July Reply

    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

  • Andreas Wettainen
    Posted at 09:21h, 11 July Reply

    Thanks for sharing! :)

  • john mahoney
    Posted at 15:05h, 14 July Reply

    Be nice if could be printed out. But thanks for the sheets.

  • andrew naumann
    Posted at 17:10h, 28 July Reply

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

  • Michael
    Posted at 02:34h, 30 July Reply

    A very helpful list! As it is long, I would 1+ for a .PDF version that is searchable. ^^,

  • Jon
    Posted at 16:20h, 23 September Reply

    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.

  • Christy Leigh Home Decor
    Posted at 15:05h, 10 October Reply

    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!

    • Jamie
      Posted at 13:33h, 15 October Reply

      Yeah sure!

  • Gabi
    Posted at 00:41h, 30 January Reply

    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 :-)


  • Niloofar Mazhari
    Posted at 15:45h, 07 December Reply

    hey there! thanks for this sheet, beautiful :)

  • Zak Sherif
    Posted at 17:01h, 17 January Reply

    Thanks for sharing! :)

  • Marcus
    Posted at 05:55h, 21 February Reply

    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.

    • Jamie
      Posted at 09:24h, 21 February Reply

      Hi Marcus

      I don’t have a list as such, but you have given me a great idea! I will put them all on one page and email you the link.


Post A Comment