HTML and CSS Reference
In-Depth Information
<li><a href=”archive.html”>Archives</a></li>
</ul>
</nav>
<article>
<h2>Yesterday</h2>
<p>Today I drank coffee for breakfast. 14 hours later,
¬ I went to bed.</p>
</article>
<article>
<h2>Tuesday</h2>
<p>Ran out of coffee, so had orange juice for breakfast.
¬ It was from concentrate.</p>
</article>
<footer>
<p><small>This is copyright by Bruce Sharp. Contact me to
¬ negotiate the movie rights.</small></p>
</footer>
Diagrammatically, the HTML5 version is shown in
Figure 1.5
.
FIguRE 1.5
The HTML5
structure of our blog.
header
article
nav
article
footer
Before we look in detail at when to use these new elements and
what they mean, let's first style the basic structures of the page.
