Start Here!™ Learn HTML5

Chapter 11. Creating Division-Based Layouts

In this chapter, you will:

• Understanding HTML5 Semantic Tags

• Beginning to Think in Divisions

• Creating Divisions

• Positioning Divisions

• Formatting Divisions

Until a few years ago, tables were a popular way of structuring a webpage. You’ll learn about tables and their formatting in Chapter 12 and Chapter 13, in case that’s the route you want to go with your site’s design. However, as Web designers move increasingly toward separating style and content, division-based layouts are becoming more appealing.

A division-based layout defines the area of a page with <div> tags, or some of the new HTML5 semantic tags such as <article> and <aside>, and then applies formatting to each area using styles. One big advantage ...