HTML-列表

HTML列表是用于在网页中展示一组有序或无序的项目的标签和属性。列表在网页中起到了展示和组织信息的作用，也有助于提高页面的可读性和可访问性。

无序列表（ul）

无序列表是一个不带编号和顺序的项目列表。在 HTML 中，无序列表使用“ul”标签来定义：

<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

“li”即表示列表项，每个“li”标签都代表一个列表项目。无序列表呈现出来的样式通常是一个小圆点。

有序列表（ol）

有序列表是一个带序号的项目列表。在 HTML 中，有序列表使用“ol”标签来定义：

<ol>
  <li>第一项</li>
  <li>第二项</li>
  <li>第三项</li>
</ol>

“li”标签同样用于定义每个列表项目。在有序列表中，数字或字母通常用于标记列表项。

定义列表（dl）

定义列表用于展示一组名称和关联的词语或短语列表。在 HTML 中，定义列表使用“dl”标签来定义：

<dl>
  <dt>名称1</dt>
  <dd>定义1</dd>
  <dt>名称2</dt>
  <dd>定义2</dd>
  <dt>名称3</dt>
  <dd>定义3</dd>
</dl>

“dt”标签用于定义名称，而“dd”标签用于定义关联概念或定义。在定义列表中，名称通常用粗体字表示。

嵌套列表

HTML列表可以嵌套使用，例如在无序列表中嵌套有序列表或定义列表：

<ul>
  <li>列表项1</li>
  <li>列表项2
    <ol>
      <li>有序列表项1</li>
      <li>有序列表项2</li>
    </ol>
  </li>
  <li>列表项3
    <dl>
      <dt>名称1</dt>
      <dd>定义1</dd>
      <dt>名称2</dt>
      <dd>定义2</dd>
    </dl>
  </li>
</ul>

结论

HTML列表是展示信息的重要标签，二者有序无序列表都可以用于展示纯文本，定义列表可与另外两者配合使用，让页面信息更加完整。