HTML ol 标签

本文目录结构

HTML <ol> 标签功能

<ol> 标签定义了一个有序列表。列表排序以数字来显示。

使用<li> 标签来定义列表选项。

---

HTML <ol> 标签使用

2 个不同的有序列表实例：

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

---

HTML <ol> 标签演示

1. Coffee
2. Tea
3. Milk

50. Coffee
51. Tea
52. Milk

---

浏览器支持

目前大多数浏览器支持 <ol> 标签。

---

提示和注释

• 提示： 如果需要无序列表，请使用 <ul> 标签。
• 提示：使用 CSS 来定义列表样式。

---

HTML4 与 HTML5 中的差异

在 HTML4 中"start" 和 “type” 属性已经废弃，HTML5 不支持该属性。

“reversed” 属性是 HTML5 中的新属性。

在 HTML4 中"compact" 属性已经废弃，在 HTML5 中不支持该属性。

---

属性

New：HTML5 新属性。

属性	值	描述
compact	compact	HTML5 中不支持，不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。
reversedNew	reversed	指定列表倒序 (9,8,7…)
start	number	HTML5 不支持，不赞成使用。请使用样式取代它。 规定列表中的起始点。
type	1 A a I i	规定列表的类型。不赞成使用。请使用样式代替。

---

全局属性

<ol> 标签支持全局属性，查看完整属性表 HTML 全局属性。

---

事件属性

<ol> 标签支持所有 HTML 事件属性。

---