HTML <ol> 标签

实例

2个不同的有序列表:

<ol>
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>

<ol start="50">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
运行 »

定义和用法

<ol> 标签定义了一个有序列表.有序列表可以是数字或字母.

使用 <li> 标签定义列表项.


浏览器支持

Element
<ol> Yes Yes Yes Yes Yes

提示和注意事项

提示:对于无序列表,请使用 <ul> 标记.

提示:使用CSS设置列表样式.



HTML 4.01和HTML5之间的差异

"start"和"type"属性在HTML 4.01中已弃用,但在HTML5中受支持.

"reversed"属性是HTML5中的新属性.

HTML5中不支持"compact"属性.


属性

= HTML5中的新功能.

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

全局属性

<ol> 标记还支持HTML中的 全局属性 .


事件属性

<ol> 标记还支持HTML中的 事件属性 .


相关页面

HTML教程: HTML列表

HTML DOM参考: Ol Object

CSS教程: css list


默认CSS设置

大多数浏览器将使用以下默认值显示<ol>元素:

实例

ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}