Section <section></section>
By definition is a thematic grouping of content, typically with a heading.
Article <article></article>
By definition is a self contained composition in a document page, application or site that is intended to be independently distributable or reusable.
- Examples include:
- Forum Posts
- Magazine or newspaper articles
- Blog entries
- User submitted content
- Interactive widgets/gadgets
- Any independent item content
Aside <aside></aside>
<aside>tag should be nested within the section of content it relates to.
- Examples include:
- Pull Quotes and Ads
- Related navigational groupings
- Sidebar content
Header <header></header>
By definition, represents a group of introductory or navigational aids. It is usually intended to contain the section’s headings (h1 – h6 or hgroup element). Examples include: wrapping a section’s Table of Contents, a Search Form, and Relevant Logos.
Hgroup <hgroup></hgroup>
By definition, groups a set of H1 – H6 elements when the heading has multiple levels (ie: sub - headings, alternative titles, or tag lines. It is related to but not dependent on the <header> tag. It can also represent the heading of a section.
Footer <footer></footer>
By definition, it is used in content sections relative to its ancestor element. Pages can contain multiple footers. Examples include: authors, related links, and symbols: © ® ™.
Nav <nav></nav>
By definition, it is a section of data that links to other pages or to parts within the page and is typically used for primary or main site navigation links. It is NOT designed to wrap every grouping of links. It is designed to be used with Assistive Technology in determining when navigation should be skipped or immediately available for user Agents such as screen readers.