訂購清單

可以使用 <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> 。