Chapter 8: More Lists

---

Overview

Back in Chapter 1, we talked about several different ways to mark up a list of items, exploring the benefits of marking them up as an unordered list using the <ul> and <li> tags. This method provided structure to the list, ensuring that all browsers and devices would present it correctly, and also enabled us to style it in a variety of ways using CSS.

In addition to unordered lists, there are two other types as well—and it wouldn't be difficult to fill an entire book full of various methods for marking up all types of lists for different scenarios. While I'm not going to fill the entire book, I will devote another chapter to a few other list types, discovering a few instances where list markup makes for the best solution.

Lists can be a powerful way to structure your pages semantically, giving meaning to the separate items that can later be utilized for unique CSS styling.

Let's first take a look at a numbered list of items, with two different ways to mark them up. It may be painfully obvious as to which method is more beneficial—but I'll be illustrating this to make the case, once again, for structured markup and using the right tool for the job.

---