网页中常见的列表有哪些

一、无序列表（Unordered List）

标签：

包裹列表使用 `

` 标签。

定义列表项使用 `

• ` 标签。

  特点：

  默认以小黑点标记列表项。

  可通过 `type` 属性修改符号样式，如 `disc`（实心圆）、`circle`（空心圆）、`square`（实心方块）。

  应用场景：

  适用于没有特定顺序要求的条目展示，如网站导航栏、功能列表等。展示内容时，各条目间的相对位置并不重要，关键在于完整列出所有内容。

  二、有序列表（Ordered List）

  标签：

  包裹列表使用 `

  ` 标签。

  定义列表项使用 `

  1. ` 标签。

     特点：

     默认以数字序号排列列表项。

     可通过 `type` 属性切换序号样式，如字母（A/a）、罗马数字（I/i）等。

     应用场景：

     适用于需要明确顺序的内容展示，如步骤说明、排行榜等。在这些场景中，每个条目的顺序是至关重要的，通过序号可以清晰地展示条目的排列顺序。

     三、定义列表（Definition List）

     标签：

     包裹列表使用 `

     ` 标签。

     定义术语使用 `

     ` 标签。

     描述术语使用 `

     ` 标签。

     特点：

     以术语加解释的结构展示内容。

     每个术语都有相应的解释，形成明确的层次关系。

     应用场景：

     适用于需要分层次展示的场景，如名词解释、词汇表等。通过术语和解释的配对，可以清晰地传达信息，帮助用户理解相关内容。

     其他较少使用的列表类型：

     虽然在现代网页开发中用得较少，但在某些特定情境下，仍然可能会遇到以下列表类型：

     菜单列表（Menu List）：用于构建网页导航菜单。

     目录列表（Directory List）：用于展示目录结构。由于现代网页设计更倾向于扁平化，这些传统列表类型逐渐被无序列表等替代。值得注意的是，“排序列表”并不是网页中常用的列表类型。