This course will become read-only in the near future. Tell us at if that is a problem.

Block Elements [June 23, 2011, 7:02 p.m.]

Status: Drafting

There are several primary block elements used in HTML5. We will look at some new and old tags that complement the <head> and <body> duo.

  • <header>
  • <nav>
  • <article>
  • <aside>
  • <footer>
  • <code>
  • <blockquote>


The <header> tag is a container for introductory materials in a document or section. <header> can be used multiple times in a document and usually contains at least one <h1>-<h6> element (in order to validate).

Further reading:


The <nav> tag is used to demarcate a section containing navigation anchors (links) to other content or sections. The anchors can be nested within a list such as an unordered list <ul>.

    <li><a href="#home">Home</a></li>
    <li><a href="#contact">Contact Us</a></li>

Further reading:

w3schools: HTML5 <nav>

HTML5 Doctor: <nav>