HTML and CSS Reference
In-Depth Information
Listing 3-3.
Proposed Structure of Aside in HTML5
<aside>
<nav>
<h2>Places To Go</h2>
<ul>
<li><a href="somewhere">Somewhere</a></li>
<li><a href="somewhere-else">Somewhere Else</a></li>
</ul>
</nav>
</aside>
<section class="content">
<!-- Your Content Goes Here -->
</section>
As you can see from Listing 3-3, we use the
<aside />
element to house
navigation for the web site, as it exists outside of the content section defined by
the
<section class="content" />
element. The
<aside />
element would be
floated to the left of the content.
The same markup written for HTML4 would look like Listing 3-4.
Listing 3-4.
Proposed Structure of Aside in HTML4
<div class="sidebar">
<div class="navigation">
<ul>
<li><a href="somewhere">Somewhere</a></li>
<li><a href="somewhere-else">Somewhere Else</a></li>
</ul>
</div class="navigation">
</div>
