<ol>: 有序列表标签

最后更新：2026-10-13

<ol>有序列表标签

<ol>（有序列表）元素定义带编号的列表，默认以数字渲染。可以通过 type 属性切换编号样式（数字/字母/罗马数字），start 设置起始值，reversed 倒序。

分类	列表
内容模型	零个或多个 `<li>`、脚本支持元素
允许的父元素	接受流式内容的元素
闭合标签	需要 `</ol>` 标签
状态	标准

📝 语法

<ol>
  <li>第一步</li>
  <li>第二步</li>
</ol>

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`type`	关键字	编号样式。 `1` — 十进制数字（默认）。 `a` — 小写字母。 `A` — 大写字母。 `i` — 小写罗马数字。 `I` — 大写罗马数字。
`start`	数字	列表的起始编号。默认值: `1`
`reversed`	布尔	倒序编号（从大到小）。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<ol>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

❓ 常见问题

Qol 和 ul 怎么选？

A有顺序意义（步骤、排名、流程）用 <ol>；无序并列（清单、导航、标签）用 <ul>。判断法：打乱条目顺序会不会改变含义？会就用 ol。样式上编号和圆点都能用 CSS 改，选择依据是语义不是外观。

Qol 的 start 和 reversed 属性怎么用？

Astart='3' 让编号从 3 开始（承接被打断的列表）；reversed 让编号倒序（如 Top 10 榜单从 10 数到 1）。两者可组合，倒序时 start 表示最大编号。

Qol 的编号样式可以自定义吗？

A可以：CSS list-style-type 提供 decimal、lower-roman、cjk-ideographic（一二三）等样式；更灵活的是 li::marker 或 ::before 伪元素完全自定义编号外观（颜色、字体、加括号）。

<ol> — lists 教程

📚 相关教程

HTML 列表教程

学习有序/无序/描述列表。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。