HTML5 Page Article Tag and Page Structure Tags

header, footer, nav, aside

HTML5 introduced several page structure tags.

• <header> = to enclose a page header content. It's a substitute for like <div class="header">…</div>. Typically used to for site logo, short description, page categories, search box, etc.
• <footer> = similar to header but for footer.
• <nav> = for navigation bar.
• <aside> = sidebar.

article, section

• <article> = for complete article. Inside it should have {h1, h2, author, section} etc.
• <section> = a section. Typical, a section will include {h2, h3, …}.

Notes

Note that there is no layout/formatting associated with these tags by default. You have to define your own with CSS.

Reference

• the article element @ Source dev.w3.org
• the aside element @ Source dev.w3.org