246996016-HTML5-Step-by-Step

168 Chapter 10
Tip When you place a navigation bar at the bottom of a page, it is customarily a text-based bar
rather than a graphical one.
HTML5 includes a tag, a two-sided container tag in which you can optionally
place the code for a navigation bar. The tag is designed to help browsers and
style sheets identify sets of links as a navigational element, and handle them appropriately.
If the browser does not support the tag, it is ignored. You’ll use the
tag in this chapter because it’s good practice to start including HTML5 tags in your
code, but you won’t be doing anything special with the tag’s attributes. However,
in sites you create yourself, you are free to define style attributes for the tag in
internal or external style sheets; this can be a way to help ensure consistency among the
navigation bars throughout all the pages in your Web site.
In this exercise, you will add a text-based navigation bar to the top and bottom of a
Web page.
SET UP Be sure to use the files provided specifically for this exercise, and not earlier
versions. Use the index.htm and default.css files in the practice folder for this topic.
These files are located in the Documents\Microsoft Press\HTML5 SBS\10Navigation\
CreatingTextBar folder. Open the index file in Microsoft Notepad and in Microsoft
Internet Explorer.
1. At the first tag, add a container and add the text for a navigation bar.
Home Tips and Tricks Problem-Solving Products About Our Store Contact
Us