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 [http://www.hexstreamsoft.com/] for suggestions.