To get an idea of what we’re going to build, take a look at the following figure.
We’ll create a fairly typical blog structure, with a main header and horizontal
navigation below the header. In the main section, each article has a header
and a footer. An article may also have a pull quote, or an aside. There’s a
sidebar that contains additional navigation elements. Finally, the page has
a footer for contact and copyright information. There’s nothing new about
this structure except that this time, instead of coding it up with lots of <div>
tags, we’re going to use specific tags to describe these regions.body
headersection sectionfooterheaderfooterarticle
headerfooterpasidearticle
headerfooterppheadernavpnavFigure 2—The blog structure using HTML5 semantic markup
Chapter 2. New Structural Tags and Attributes • 16
Download from Wow! eBook <www.wowebook.com> report erratum • discuss