W3C中文教程
全球最大最新的中文 Web 技术教程
HTML CSS SQL PHP COLORS MYSQL BOOTSTRAP
 

HTML <ol> 标签


Example

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>
尝试一下 »

定义及用法

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

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


浏览器支持

元素
<ol> Yes Yes Yes Yes Yes

提示和注意

提示: 如果需要无序列表,请使用 <ul> 标签。

提示: 使用 CSS 来定义列表样式。


HTML 4.01 与 HTML5中的差异

在 HTML 4.01 中"start" 和 "type" 属性已经废弃,HTML5不支持该属性。

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

在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。


属性

= 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 对象

CSS 教程:Styling Lists


默认CSS设置

大多数浏览器都以以下默认值的形式显示 <ol> 元素:

Example

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