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.
Favicons are the central icons of web development, and one of the finishing touches to any professionally-designed website. They started off as 16 x 16 pixel icons almost 20 years ago, but have since grown in both size and variety.
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
