Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

Lesson 1: Thinking HTML5 semantics CHAPTER 5 223

FIGURE 5-7 he unordered list rendering each list item as a bulletT

Description lists

Use the <dl> element to create a description list, which consists of zero or more term-

description groupings, also known as name-value or key-value pairs. Each grouping associ-

ates one or more terms or names, which are the contents of <dt> elements, with one or more

descriptions or values, which are the contents of <dd> elements, as shown in the following

example.

<h3>Common Vehicles</h3>

<dl>

<dt>Boat</dt>

<dd>A small vehicle propelled on water by oars, sails, or an engine</dd>

<dt>Car</dt>

<dd>An automobile</dd>

<dd>A passenger vehicle designed for operation on ordinary roads

and typically having four wheels and an engine</dd>

<dt>Bicycle</dt>

<dt>Bike</dt>

<dd>A vehicle with two wheels in tandem, typically propelled by pedals

connected to the rear wheel by a chain, and having handlebars

for steering and a saddlelike seat</dd>

</dl>

In this example, the boat is associated with a single definition. The car is associated with

two definitions. The bicycle and bike are both associated with the same definition. The ren-

dered output is shown in Figure 5-8.