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

Design

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!

Features

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.

Update:

  • uprinting offers a poster printing service in U.S. and Canada.
  • mybigposter offers a poster printing service in Europe.
  • Contact us if you want us to send you a printed copy.

34 COMMENTS

  1. Rick November 2, 2011 at 6:28 pm

    Does this file have some sort of password protection when trying to blow it up to poster size? I took it to a printer this afternoon and they said they couldn’t blow it up because there was a password prompt. He was trying to place it in InDesign first before he sent it over though so I’m not sure he knew what he was doing.

  2. Matthew Potter January 12, 2012 at 8:42 pm

    @twitter-24367989:disqus Indeed, under the Document sections, they have most likely been using Illustrator or InDesign while creating this and had tried switching to the selection tool a couple of times. (We’re all used to this problem) The word “Heading” has been saved as vveading.

  3. Matthew Potter March 8, 2012 at 10:19 pm

    Can I ask for an update for printing? The document seems to have been created in RGB. All of the blacks are rich. If I send this to a professional printer, they will either convert the RGB black to a 98% grey (through pre-press processes) or scream at me to get a new file that not over saturated.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>