July 12, 2011 in Freebies

HTML5 Reference Poster

HTML5 is the hot cake today. Everybody in the community is making efforts to promote the language, and to make it easier to use and learn. W3C has even announced a new logo for HTML5 to give it a new face.

We have made a modest effort to create a HTML5 Reference Poster; we hope that this poster makes it easier to use HTML, for professionals with varied experience levels. As a thankful gesture to W3C, we have used the HTML5’s new logo.

HTML5 Reference Poster


The poster is designed keeping in mind that it looks beautiful and professional in your office, your lab, the conference room, and why not in your living room if you are living HTML day in and day out!


This poster covers all HTML5 tags (almost, because HTML5 is still in development). Each tag is followed by its semantic meaning, and all attributes supported by the tag. Tags and attributes, which are new to HTML5 are marked with color symbols, so that they are highlighted and easily distinguished from other tags.

Tags are grouped in 8 categorized tables to make it easier to find and manage them.

  • Metadata and scripting
  • Document sections
  • Grouping content
  • Text-level semantics
  • Forms
  • Tabular data
  • Interactive elements
  • Embedding content

The poster also covers icons of technology classes and their meaning, to make it easier for you to identify and understand the icons when you see the new HTML5 badge with these icons, on a website.

Bonus: In addition we have added a “HTML5 Document template” to help you start your next HTML5 document easily, and a list of HTML’s differences with HTML 4.01 and XHTML 1.x, and a list of new scripting APIs added in HTML5.


  • uprinting offers a poster printing service in U.S. and Canada.
  • mybigposter offers a poster printing service in Europe.

About the author

Jaspreet Kaur

Jaspreet is a UI/UX designer with expertise in front-end development for web and mobile. She is passionate about designing solutions through collaboration, iteration, and following the best technology development practices.