HTML5 Reference Poster

Alok Jain
2 min readJul 26, 2023

--

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 HTML5’s new logo.

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 colour 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, a list of HTML’s differences with HTML 4.01 and XHTML 1. x, and a list of new scripting APIs added in HTML5.

DOWNLOAD

--

--

Alok Jain

Hi, I am a Frontend Developer with a passion for Philately and Founder of a small startup.