Structural elements help organize and add meaning to our code.
header: found at the top of the page, it identifies what the site is about.
navigation: frequently found within the header, but can be down the side, it supplies links to other pages.
article: a self-contained composition; it could stand alone if distributed.
aside: similar to a sidebar in print, it is related to nearby content.
footer: found at the bottom of the page, contains contact information, copywrite, and legal information.
section: a generic section; it can group bits of like information.
An outline of your body might look like this:
<body>
<header></header>
<nav></nav>
<section></section>
<aside></aside>
<footer></footer>
</body>
Drop in your content and it may look like this:
<body>
<header><h1>Consider the Kayak</h1></header>
<nav><p>home | kayaks | compare</p></nav>
<section><p>Recreational Kayaking is best inthe Santee 116. When it comes down to the essential reason why people kayak it all comes back to this one reason. more….</p>
</section>
<footer> <p>®2014 art556 at uw-madison</p> </footer>
</body>