Web Programming with HTML5, CSS, and JavaScript

4.6 Organizational Elements

So far in this chapter, we’ve organized web page content using lists and figures. Those organizational structures are pretty straightforward because they have physical manifestations—list items in an outline and a caption above or below a figure. The rest of this chapter covers organizational elements that don’t have obvious physical manifestations. Their purpose is to group web page content into sections so that you can use CSS and JavaScript to manipulate their content more effectively. Here are the organizational elements you’ll be introduced to:

• ▸ section

• ▸ article

• ▸ aside

• ▸ nav

• ▸ header

• ▸ footer

There’s usually no need to use these organizational elements for small web pages, but when you have a multipage ...