HTML and CSS Reference
In-Depth Information
<div id="breadcrumb">
You are here:
<ul>
<li><a href="/travel/">Travel</a>
<ul>
<li><a href="/travel/destinations/">Destinations</a>
<ul>
<li>Europe</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="content-wrapper">
<div id="content-inner">
<p>This is the content area ... </p>
</div>
</div>
<h3 class="hide">Navigation for this section</h3>
<div id="navigation">
<ul>
<li><a href="/linkdest1/">Nav link </a></li>
<li><a href="/linkdest2/">Nav link 2</a></li>
<li><a href="/linkdest3/">Nav link 3</a></li>
<li><a href="/linkdest4/">Nav link 4</a></li>
<li><a href="/linkdest5/">Nav link 5</a></li>
</ul>
</div>
<div id="related">
<h2>Related Links</h2>
<div>
<ul>
<li><a href="/related/">Related link</a></li>
<li><a href="/related/">Another link</a></li>
<li><a href="/related/">And another</a></li>
<li><a href="/related/">Related link</a></li>
</ul>
</div>
<div id="footer">Legal mumbo jumbo goes here</div>
</div>
The headings won't display on a CSS-capable browser but may be useful when viewed on
lesser user agents, as Figure 12-17 shows.
