描述列表
HTML 入门教程介绍了无序列表和有序列表,但就像彼得·库欣扮演的《神秘博士》一样,描述列表却常常被遗忘。这可能是因为它们比有序和无序列表更具体,因此通常情况下用处较少。但当存在术语和描述的列表(例如词汇表)时,描述列表就是你的首选元素。
dl 元素启动了列表,类似于 ul 和 ol 元素。不过,描述列表不包含 li 元素,而是包含 dt 元素,它们是术语,后面跟着 dd 元素,它们是与 dt 元素相关的描述。
不一定是一个 dt 后面跟着一个 dd,可以是任意数量的其中任何一种。例如,如果有很多词的意思相同,可能会有多个 dt 元素后面跟着一个 dd 元素。如果你有一个词有多种不同的含义,可能会有一个 dt 元素后面跟着多个 dd 元素。
<h1>Some random glossary thing</h1>
<dl>
<dt>HTML</dt>
<dd>Abbreviation for HyperText Markup Language - a language used to make web pages.</dd>
<dt>Dog</dt>
<dd>Any carnivorous animal belonging to the family Canidae.</dd>
<dd>The domesticated sub-species of the family Canidae, Canis lupus familiaris.</dd>
<dt>Moo juice</dt>
<dt>Cat beer</dt>
<dt>Milk</dt>
<dd>A white liquid produced by cows and used for human consumption.</dd>
</dl>
