BIG BEAUTIFUL LOGO HERE

HTML5 Page Structure Tags Example

main, header, footer, nav, aside

HTML5 introduced several page structure tags.

  • <main> = main content of the page. Use similar to <div class="main">…</div>.
  • <header> = page header content. Use similar to <div class="header">…</div>. For site logo, short description, page categories, search box, ….
  • <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, …}.
  • <section> = a section. Typically, 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

http://www.w3.org/TR/html51/

Thanks to Jean-Philippe Paradis for suggestions.