HTML有序列表 | HTML编号列表

在 HTML 中，有序列表（<ol>）和编号列表（<ul>）可用于展示一组项目，这两者的差别在于有序列表使用数字或字符来编号，而编号列表则使用圆点或其他特定符号来代表每个项目。

有序列表（<ol>）

有序列表使用数字或字符来编号，以便于控制列表的顺序，可以使用 type 属性来指定列表项的编号类型，常见的类型包括：

• type="1"：使用数字进行编号（默认值）
• type="A"：使用大写字母进行编号
• type="a"：使用小写字母进行编号
• type="I"：使用大写罗马数字进行编号
• type="i"：使用小写罗马数字进行编号

示例代码如下：

<ol type="1">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ol>

<ol type="A">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ol>

<ol type="I">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ol>

效果如下：

1. 项目一
2. 项目二
3. 项目三

A. 项目一 B. 项目二 C. 项目三

I. 项目一 II. 项目二 III. 项目三

编号列表（<ul>）

编号列表和有序列表类似，只是使用圆点或其他特定符号来代表每个项目，不涉及到顺序或等级。

常见的列表符号包括：

• disc：默认使用实心圆点
• circle：空心圆
• square：方框

示例代码如下：

<ul>
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ul>

<ul type="square">
  <li>项目一</li>
  <li>项目二</li>
  <li>项目三</li>
</ul>

效果如下：

• 项目一
• 项目二
• 项目三

□ 项目一 □ 项目二 □ 项目三

以上即是 HTML 中的有序列表和编号列表，可以根据实际需要选择使用。