HTML 列表

HTML 列表用于将相关信息分组在一起。

了解 HTML 列表

HTML 列表用于以良好形式和语义的方式呈现信息列表。HTML 中有三种不同类型的列表，每种列表都有特定的用途和含义：

• 无序列表 - 用于按一般顺序对一组相关项进行分组。
• 有序列表 - 用于按特定顺序对一组相关项进行分组。
• 描述列表 - 用于显示术语列表及其描述。

注意： 在列表项中，你可以放置​文本、换行符、图像、链接等。你还可以将整个列表放在列表项中以创建嵌套列表。

在本教程中，我们将逐一介绍所有这些不同的列表类型：

HTML 无序列表

使用 <ul> 标记创建的无序列表，每个列表项都以 <li> 标记开头。

默认情况下，无序列表中的列表项标有项目符号（小黑圈）。

<ul>
    <li>Chocolate Cake</li>
    <li>Black Forest Cake</li>
    <li>Pineapple Cake</li>
</ul>

- 上面示例的输出将如下所示：

• Chocolate Cake
• Black Forest Cake
• Pineapple Cake

HTML 有序列表

使用 <ol> 标记创建的有序列表以及每个列表项都以 <li> 标记开头。有序列表包含应强调顺序的信息。

有序列表中的列表项标有数字。

<ol>
    <li>Mix ingredients</li>
    <li>Bake in oven for an hour</li>
    <li>Allow to stand for ten minutes</li>
</ol>

- 上面示例的输出将如下所示：

1. Mix ingredients
2. Bake in oven for an hour
3. Allow to stand for ten minutes

HTML 定义列表

定义列表是项目列表，包含每个项目的描述。

使用 <dl> 标记创建的定义列表。该 <dl> 标签用于会同 <dt> -定义列表中的项目，<dd> 介绍了在列表中的项目：

<dl>
    <dt>Bread</dt>
    <dd>A baked food made of flour.</dd>
    <dt>Coffee</dt>
    <dd>A drink made from roasted coffee beans.</dd>
</dl>

- 上面示例的输出将如下所示：

• Bread

  A baked food made of flour.

• Coffee

  A drink made from roasted coffee beans.