Main structure - Introducing HTML5 - page 20

<h2>Flickr </h2>
<ul> ... </ul>
</nav>
<nav>
<h2>WeLoveLocal</h2>
<ul> ... </ul>
</nav>
<nav>
<h2>Upcoming </h2>
<ul> ... </ul>
</nav>
</aside>

<footer>
<small>&copy;2007 Ross Bruniges. Design by Blogging Tips
and Pearsonified</small>
</footer>

</body>
Figure 1.10 shows how to avoid a “fat footer.”

FIGURE 1.10 Avoiding a “fat
footer” by making external links
an aside of whole page

header

div id=mainContent

nav

aside

nav nav nav

footer

<article>
The main content of this blog's home page contains a few blog
posts. We wrap each one up in an <article> element. <article>
is specifi ed thus: “The article element represents a component
of a page that consists of a self-contained composition in a