… follow Google’s time-honored guidelines: write valid, cross-browser, accessible HTML, don’t misuse markup or “cloak” with CSS, make a site with a clear hierarchy and text links, and write good content.
Bruce Lawson, HTML5 Doctor
<article>, et al.
The <article> element represents an independent item section of content.
Default role: Article
The <aside> element represents a section of a page that consists of content that is tangentially related to the content around the
Default role: Complementary
The footer element represents a footer for its nearest ancestor sectioning content or sectioning root element.
Default role: ContentInfo
The header element represents introductory content for its nearest ancestor sectioning content or sectioning root element.
Default role: Banner (if in
The main content of the body of a document or application. [It] is unique to that document and excludes content that is repeated across a set of documents.
Default role: Main
navelement represents a section of a page that links to other pages or to parts within the page.
Default role: Navigation
div's more interesting cousin
The section element represents a generic section of a document or application.
Default role: Region
div, limited semantic meaning
The div element has no special meaning at all.
Default role: none.
Full support in most modern browsers, partial in Opera Mini and IE 9-11 (no
main semantic meaning).
For IE <=8:
blockquote: sourced content, not indentation
em for emphasis, not styling.
<i> for tone change.
<h1-6> for true headings, not styling.
If it walks and talks like a button, use
<address> is only those for the page/doc/site.
There is a
<menu>, but it's not the nav menu
<hr> is a "paragraph-level thematic break"