订购清单

可以使用 <ol> 标记创建有序列表，并且可以使用 <li> 标记创建每个列表项，如下例所示：

<ol>
  <li>Item</li>
  <li>Another Item</li>
  <li>Yet Another Item</li>
</ol>

这将生成一个编号列表（这是默认样式）：

1. 项目
2. 另一个项目
3. 又一项

手动更改数字

有几种方法可以使用哪些数字出现在有序列表中的列表项上。第一种方法是使用 start 属性设置起始编号。列表将从此定义的数字开始，并像往常一样继续递增 1。

<ol start="3">
  <li>Item</li>
  <li>Some Other Item</li>
  <li>Yet Another Item</li>
</ol>

这将生成一个编号列表（这是默认样式）：

3. 项目
4. 一些其他项目
5. 又一项

你还可以将特定列表项明确设置为特定数字。具有指定值的其他列表项将继续从该列表项的值增加 1，忽略父列表所在的位置。

<li value="7"></li>

还值得注意的是，通过直接在列表项上使用 value 属性，你可以通过以较低值重新开始编号来覆盖有序列表的现有编号系统。因此，如果父列表已达到值 7，并且遇到值为 4 的列表项，则该列表项仍将显示为 4 并再次从该点继续计数。

<ol start="5">
  <li>Item</li>
  <li>Some Other Item</li>
  <li value="4">A Reset Item</li>
  <li>Another Item</li>
  <li>Yet Another Item</li>
</ol>

因此，上面的示例将生成一个遵循编号模式 5,6,4,5,6 的列表 - 再次以低于前一个的数字开始，并复制列表中的数字 6。

注意： start 和 value 属性只接受一个数字 - 即使有序列表设置为显示为罗马数字或字母。

Version >= 五

你可以通过在 ol 元素中添加 reversed 来反转编号：

<ol reversed>
  <li>Item</li>
  <li>Some Other Item</li>
  <li value="4">A Reset Item</li>
  <li>Another Item</li>
  <li>Yet Another Item</li>
</ol>

如果你不断添加列表（例如新播客专题节目或演示文稿），并且你希望首先显示最新项目，则反向编号会很有帮助。

改变数字的类型

你可以使用 type 属性轻松更改列表项标记中显示的数字类型

<ol type="1|a|A|i|I">

你应该使用 ol 来显示项目列表，其中项目是有意订购的，并且应该强调订单。如果更改项目的顺序不会使列表不正确，则应使用 <ul> 。