Chapter 2: Headings

---

Overview

Not only are page headings necessary for just about any web page, but when marked up properly, they can be powerful both to the design and accessibility of a site.

Visually, a page heading is commonly treated with a larger font size and maybe a different color or typeface than the normal flow of body text. A page heading "briefly describes the topic of the section it introduces," so says the W3C, delineating the various sections that may appear on a page.

So how should we mark up a page heading to get the most out of the information we're presenting? In this chapter, we'll get a chance to investigate a few familiar ways of dealing with headings, trying to find the one that will give us the most bang for our buck. Later, we'll take the best method and style it up a bit with a few CSS tricks and techniques.

---