HTML and CSS Reference
In-Depth Information
Figure 2-10. A sample web page
First, let's work on the header:
<div id="header">
<h1>living with simplicity</h1>
<div id="tagline">
life. joy. simple.
</div>
<div class="nav">
<ul>
<li><a href="about/">About</a></li>
<li><a href="archives/">Archives</a></li>
<li><a href="contact/">Contact Me</a></li>
<li><a href="subscribe/">Subscribe</a></li>
</ul>
</div><!--end nav-->
</div><!--end header-->
Ultimately, this may differ little from how you would have initially coded this page.
But note that we have mirrored the HTML5 element names with the
"header"
and
"nav"
div
s. In HTML5, the
header
tag should include a heading tag (here we have our
h1
title