- <header>
<header>
Typically used at the top of the page as a container for the site or page title, navigation menus and other introductory content.
- <nav>
<nav>
Used as a container to wrap any type of navigational element on the page, like a main menu or a breadcrumb trail.
- <section>
<section>
This can be used as a wrapper to surround blocks of content that are similar in nature on the same page.
- <article>
<article>
Used as a wrapper for large blocks of content, such as a news article, a blog post, or a primary media element.
- <aside>
<aside>
Asides can be used to signify pullquotes within an article, or as a wrapper for sidebar content.
- <footer>
<footer>
Used as a container for footer related items, such as non-primary navigational menus, legal information, or at the end of an article to wrap meta information.