HTML and CSS Reference
In-Depth Information
Something nice that isn't yet implemented in any browser is the
reversed
attribute. Consider the following example:
<h3>Top five dreamy mega-hunks</h3>
<ol reversed>
<li>Brad Pitt</li>
<li>George Clooney</li>
<li>Orlando Bloom</li>
<li>Remy Sharp</li>
<li>Bruce Lawson</li>
</ol>
This creates a list that counts down from fi ve (Mr. Pitt) to one
(me). Sorry, Brad, George, and Orlando—but what do you guys
know about HTML5?
<dl>
In HTML 4,
<dl>
was a defi nition list containing a term and one
or more defi nitions for that term. This defi nition was muddy and
confused, as it also mentioned the potential use of
<dl>
to mark
up dialogues. It was regularly misused to mark up any name and
value pairs regardless of whether one defi ned the other.
HTML5 widens the element to be “an association list consisting
of zero or more name-value groups… Name-value groups may
be terms and defi nitions, metadata topics and values, or any
other groups of name-value data.” Here's an example listing the
topics in Remy's collection, using
<dt>
and
<dd>
to group title
and author(s).
<dl>
<dt>Directory of French plastic sandal manufacturers</dt>
<dd>Phillipe Philloppe</dd>
<dt>J-Lo's plastic surgery: a profile</dt>
<dd>Hugh Jarce</dd>
<dt>The Orpheus and Eurydice myth</dt>
<dd>Helen Bach</dd>
<dt>The Proctologist and the Dentist</dt>
<dd>Ben Dover</dd>
<dd>Phil McCavity</dd>
</dl>
