HTML and CSS Reference
In-Depth Information
The purpose of the <small> element has changed in HTML5. Previously, the element was used for
presentational purposes (it made text smaller); however, it is now used to define short side comments such as legal
disclaimers and copyrights, as shown in the example code below.
<small>Copyright 2012 Joe's Pizza Co.</small>
The <small> element should only be used for short passages of text. You should not use it to wrap all the text that
makes up a website's privacy policy, for example. In that case, the text is the main content on the page and not a side
Adding Links and Legal to the Footer
You may have noticed that you skipped over a page in your navigation, the sitemap. Instead of putting a link to this
page in the navigation, it is often best to include it in the footer of the page. Why? Because it doesn't need the same
exposure as the other pages.
The page footer should also contain the page copyright information. In this case, we are going to put the copyright
text within a <small> element to give it a greater semantic meaning.
The code for this exercise can be found in folder 3.
To create the footer section for your pages, follow these instructions.
1. Open the index.html file.
2. Locate the <footer> element that you created in Chapter 2.
3. Create a new <small> element within the <footer> , using the text in the following code extract.
<small>&copy; 2012 Joe's Pizza Co. All Rights Reserved</small>
4. Now create a new link to the sitemap.html file using an <a> element.
<a href="sitemap.html">Sitemap</a>
5. Add a title attribute to this new link with the following text: Links to all the pages on this
website .
6. Add a hyphen between the <small> and <a> elements with a space on the right and left of this hyphen.
This is just because it looks good.
7. Save the index.html .
8. Copy the contents of the <footer> element into the about.html file.
9. Save the about.html file.
The following code shows how your <footer> element should now look.
Search WWH ::

Custom Search