HTML and CSS Reference
In-Depth Information
Notice that
<figcaption />
has been nested within the
<figure />
element.
This allows you to provide a caption for the item being used as the figure. If you
are referencing text, you can also use the
<cite />
element to reference the
source of the text. Listing 3-8 shows how you can use this.
Listing 3-8.
Citing a Source
<figure id="figure-2">
<img src="what-mother-says.jpg" alt="Scan from my mothers notebook" />
<figcaption>
Figure 2. A scan from my mothers magazine <cite>The Notebook</cite>
</figcaption>
</figure>
<footer />
The
<footer />
element can be used to replace a
<div />
element, and is
commonly used to create a footer within a document. The
<footer />
element
will usually be used to contain contact and copyright information and links to
privacy policies or terms and conditions. Listing 3-9 shows how to create a
<footer />
. You can also use more than a single footer within a document, such
as within a section or article.
Listing 3-9.
Creating a Footer in HTML5
<footer>
<p class="copyright">© 2012 My Company</p>
</footer>
Listing 3-10 shows how you would achieve the same thing in HTML4.
Listing 3-10.
Creating a Footer in HTML4
<div id="footer">
<p class="copyright">© 2012 My Company</p>
</div>
Figure 3-6 shows where the
<footer />
would normally be rendered within the
DOM.