Using the Right Tag for the Right Job - HTML5 Mastery: Semantics, Standards, and Styling - page 53

effects should be created with CSS instead. The CSS background-color , col-
or , a:link , a:visited , and a:active properties and pseudoclasses (discussed
in Chapter 6 ) are appropriate.
The closing body tag is followed immediately by the closing html tag. That's an
HTML document in its entirety, albeit devoid of any content. The rest of the elements
we'll look at in this chapter and the subsequent ones will primarily be the content ele-
ments—the ones that would appear in the body to mark up and organize content in vari-
ous ways.
Semantic sectioning elements
The first set of elements likely to appear in the body would be those involved in organ-
izing content into different logical sections. These are shown in Table 2-7 , which also
lists the content model categories for each. You'll notice almost all are new to HTML5.
You'll also notice their names imply common components of a web page, such as head-
ers, footers, navigation bars, and so on. The semantic nuances of these elements deserve
their own close attention, so for the time being just be aware that there are new elements
in HTML5 for giving content finer-grained meaning than div and span elements are
traditionally able to do. We will explore these new sectioning elements in more depth in
Chapter 3 .