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 ...