此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
<ol>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
HTML<ol> 元素表示有序列表，通常渲染为一个带编号的列表。
尝试一下
<ol> <li>Mix flour, baking powder, sugar, and salt.</li> <li>In another bowl, mix eggs, milk, and oil.</li> <li>Stir both mixtures together.</li> <li>Fill muffin tray 3/4 full.</li> <li>Bake for 20 minutes.</li></ol>li { font: 1rem "Fira Sans", sans-serif; margin-bottom: 0.5rem;}| 内容类别 | Flow content, and if the<ol> element's children include at least one<li> element,palpable content. |
|---|---|
| 允许的内容 | Zero or more<li>,<script> and<template> elements. |
| 标签省略 | 不允许，开始标签和结束标签都不能省略。 |
| 允许的父级 | Any element that acceptsflow content. |
| 隐含的 ARIA 角色 | list |
| 允许的 ARIA 角色 | directory,group,listbox,menu,menubar,none,presentation,radiogroup,tablist,toolbar,tree |
| DOM 接口 | HTMLOListElement |
属性
此元素支持全局属性。
reversed此布尔值属性指定列表中的条目是否是倒序排列的，即编号是否应从高到低反向标注。
start一个整数值属性，指定了列表编号的起始值。此属性的值应为阿拉伯数字，尽管列表条目的编号类型
type属性可能指定为了罗马数字编号等其他类型的编号。比如说，想要让元素的编号从英文字母 "d" 或者罗马数字 "iv" 开始，都应当使用start="4"。备注：这个属性在 HTML4 中弃用，但是在 HTML5 中被重新引入。
type设置编号的类型：
a表示小写英文字母编号A表示大写英文字母编号i表示小写罗马数字编号I表示大写罗马数字编号1表示数字编号（默认）编号类型适用于整个列表，除非在<ol>元素的<li>元素中使用不同的type属性。
备注：这个属性在 HTML4 中弃用，但是在 HTML5 中被重新引入。除非列表中序号很重要（比如，在法律或者技术文件中条目通常被需要所引用），否则请使用 CSS
list-style-type属性替代。
使用说明
通常，有序列表的条目会和它前面的编号标记一起显示，编号标记可以是数字或者字母。
<ol> 和<ul> 元素两者可以无限嵌套，既可以同类嵌套，也可以互相嵌套。
<ol> 和<ul> 元素都表示列表。区别在于，<ol> 元素的有序列表的顺序是有意义的。举一些例子：
- 烹饪食谱中的各个步骤
- 指路时的各处转弯方向
- 营养信息标签上 按含量排序的成分列表
至于如何确定该选择哪一个列表元素，可以尝试更改列表项的顺序，如果其含义会发生改变，那么就应当使用<ol> 元素，否则使用<ul> 更合适。
备注：“更改顺序”时，不应当算上一些固定位于列表最前或最后的项，比如未完成的列表最后的占位项。如果只有一个元素，以至于根本不存在什么顺序可言，可能最好先考虑是否应当使用列表元素，以及是否要在列表最后增加一些占位的空项。
示例
简单示例
<ol> <li>Fee</li> <li>Fi</li> <li>Fo</li> <li>Fum</li></ol>以上 HTML 输出如下：
使用小写罗马数字编号
<ol type="i"> <li>Introduction</li> <li>List of Greivances</li> <li>Conclusion</li></ol>以上 HTML 输出如下：
使用start 属性
<p>Finishing places of contestants not in the winners' circle:</p><ol start="4"> <li>Speedwalk Stu</li> <li>Saunterin’ Sam</li> <li>Slowpoke Rodriguez</li></ol>以上 HTML 输出如下：
嵌套列表
<ol> <li>first item</li> <li> second item <!-- closing </li> tag not here! --> <ol> <li>second item first subitem</li> <li>second item second subitem</li> <li>second item third subitem</li> </ol> </li> <!-- Here's the closing </li> tag --> <li>third item</li></ol>以上 HTML 输出如下：
嵌套有序列表和无序列表
<ol> <li>first item</li> <li> second item <!-- closing </li> tag not here! --> <ul> <li>second item first subitem</li> <li>second item second subitem</li> <li>second item third subitem</li> </ul> </li> <!-- Here's the closing </li> tag --> <li>third item</li></ol>以上 HTML 输出如下：
规范
| Specification |
|---|
| HTML # the-ol-element |
浏览器兼容性
相关
- 其他列表相关的 HTML 元素：
<ul>,<li>,<menu>and the obsolete<dir>; - 对
<ol>元素常用的 CSS 属性：- the
list-style属性，有用的选择序数的显示方式， - CSS 计数器, 用于处理复杂的嵌套列表，
line-height属性，可以模拟过时的compact属性；margin属性，用来控制列表的缩进。
- the