<ol>

<ol>标签是一个有序列表容器（ordered list），会在内部的列表项前面产生数字编号。列表项的顺序有意义时，比如排名，就会采用这个标签。

  1. <ol>
  2.   <li>列表项 A</li>
  3.   <li>列表项 B</li>
  4.   <li>列表项 C</li>
  5. </ol>

上面代码会在列表项 A、B、C 前面，分别产生1、2、3的编号。

<ol>标签内部可以嵌套<ol>标签或<ul>标签，形成多级列表。

  1. <ol>
  2.   <li>列表项 A</li>
  3.   <li>列表项 B
  4.     <ol>
  5.       <li>列表项 B1</li>
  6.       <li>列表项 B2</li>
  7.       <li>列表项 B3</li>
  8.     </ol>
  9.   </li>
  10.   <li>列表项 C</li>
  11. </ol>

上面代码中，一个有序列表内部嵌套了另一个有序列表，渲染结果如下。

  1. 1. 列表项 A
  2. 2. 列表项 B
  3.   1. 列表项 B1
  4.   2. 列表项 B2
  5.   3. 列表项 B3
  6. 3. 列表项 C

该标签有以下属性。

（1）reversed

reversed属性产生倒序的数字列表。

  1. <ol reversed>
  2.   <li>列表项 A</li>
  3.   <li>列表项 B</li>
  4.   <li>列表项 C</li>
  5. </ol>

上面代码中，列表项 A、B、C 前面，产生的编号是3、2、1。

（2）start

start属性的值是一个整数，表示数字列表的起始编号。

  1. <ol start="5">
  2.   <li>列表项 A</li>
  3.   <li>列表项 B</li>
  4.   <li>列表项 C</li>
  5. </ol>

上面代码中，列表项 A、B、C 前面，产生的编号是5、6、7。

（3）type

type属性指定数字编号的样式。目前，浏览器支持以下样式。

  • a：小写字母
  • A：大写字母
  • i：小写罗马数字
  • I：大写罗马数字
  • 1：整数（默认值）
  1. <ol type="a">
  2.   <li>列表项 A</li>
  3.   <li>列表项 B</li>
  4.   <li>列表项 C</li>
  5. </ol>

上面代码中，列表项 A、B、C 前面的编号，分别是英文小写字母a、b、c。

注意，即使编号是字母，start属性也依然使用整数。

  1. <ol type="a" start="3">
  2.   <li>列表项 A</li>
  3.   <li>列表项 B</li>
  4.   <li>列表项 C</li>
  5. </ol>

上面代码中，type属性指定编号采用小写英文字母，start属性等于3，表示从c开始编号。