A close-up HDR photograph of clocks on a desk

Traditional HTML is “stateless”, i.e it has no concept of time or change. While this is still true in a formal sense, HTML5 introduced several new elements and attributes that temporally locate elements. These additions also tie into features provided by JavaScript and microdata to make rich pages that have awareness of time, place, and units of measurement.

A photograph of two buildings in extreme perspective

Most new HTML5 elements are covered in elsewhere in this blog (most particularly the forms and multimedia reading lists) but there are a few dozen tags that don’t fit into those categories. Most of these are section elements, newly introduced in HTML5, and are fundamental to the construction of a modern web page.

Goal: Build a page using HTML5 markup

Prerequisites: HTML5 Backgrounder

Total time: 3 hours