HTML and CSS Reference
In-Depth Information
where the whole of the
<header>
element could come from a
template fi le. So, for example, the horizontal site-wide naviga-
tion on
www.thaicookery.co.uk
could be coded as in
Figure 1.6
.
<header>
<hgroup>
<h1>Thai cookery school></h1>
<h2>Learn authentic Thai cookery in your own home</h2>
</hgroup>
<nav>
<ul>
<li>Home</li>
<li><a href=”courses.html”>Cookery courses</a></li>
<li><a href=”contact.html”>Contact</a></li>
</ul>
</nav>
</header>
FIGURE 1.6
www.thaicookery.co.uk
's
header.
Of course, it's not required that the
<nav>
be in the
<header>
.
The Thai cookery example could just as easily be marked up
with the main
<nav>
outside the
<header>
:
<header>
<hgroup>
<h1>Thai cookery school></h1>
<h2>Learn authentic Thai cookery in your own home</h2>
</hgroup>
</header>
<nav>
<ul>
<li>Home</li>
<li><a href=”courses.html”>Cookery courses</a></li>