HTML and CSS Reference
In-Depth Information
<aside>
<nav>
<h2>Pages</h2>
<ul> .. </ul>
<h2>Categories</h2>
<ul> .. </ul>
<h2>Recent comments</h2>
<ul> ... </ul>
</nav>
<section>
<h2>blah blah</h2>
<a href=”...”>Web hosting by LovelyHost</a>
<img src=”...”>
<p>Powered by <a href=”...”>WordPress</a></p>
<p><a href=”...”>Entries (RSS)</a> and <a href=”...”>
¬ Comments (RSS)</a></p>
</section>
</aside>
Note that the “blah blah” section is not marked up as
<nav>
, as
the link to my web host, a picture of me, and two RSS links don't
seem to me to be a “section that consist[s] of major navigation
blocks” as the spec defines
<nav>
. It's wrapped in a
<section>
so
that the sidebar headings remain the same level in the outlining
algorithm (see Chapter 2 for more information).
<footer>
The
<footer>
element is defined in the spec as representing “a
footer for its nearest ancestor sectioning content or sectioning
root element.” (“Sectioning content” includes article, aside, nav,
and section, and “sectioning root elements” are blockquote,
body, details, fieldset, figure, and td.)
Note that, as with the header element, there can be more than
one footer on a page; we'll revisit that in Chapter 2. For now, we
have just one footer on the page that is a child of the body ele-
ment. As the spec says, “When the nearest ancestor sectioning
content or sectioning root element is the body element, then it
applies to the whole page.”
