CHAPTER 3

image

The Truth About Structuring an HTML5 Page

One of the most common tasks web designers do is mark up page structure, which usually consists of a header, footer, navigation, sidebar, and content area. It’s the sort of thing you can probably do blindfolded and handcuffed to your chair after being spun around for five minutes.

HTML5 introduces a handful of new elements to help us define the structure of a given web page, such as <section>, <article>, <main>, <nav>, <aside>, <header>, and <footer>.

We shouldn’t use most of them. All but <main> were made up on a whim by (probably) one guy in 2004, and even he seems to have forgotten what their ...

Get The Truth About HTML5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.