HTML 参考手册

HTML 标签大全

HTML: <ol> 标签

HTML <ol>标签定义HTML文档中的有序列表。此标签通常也称为 <ol>元素。

在线示例

2 个不同的有序列表示例:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML ol标签的使用(菜鸟教程 (cainiaoplus.com))</title>
</head>
<body>
<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
  <li>Fourth item</li>
</ol>
<ol start="10">
  <li>First item10</li>
  <li>Second item11</li>
  <li>Third item12</li>
  <li>Fourth item13</li>
</ol>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

标签定义及使用说明

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

<ol>标签由<li>标签组成。

当列表项具有有意义的数字顺序时,请使用<ol>标记。

您可以嵌套<ol>,<ul>和<menu>列表。

提示和注意

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

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

HTML 4.01 与 HTML5中的差异

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

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

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

属性

属性描述
compactcompactHTML5中不支持,不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。
reversedHTML5reversed指定列表倒序(9,8,7...)
startnumberHTML5不支持,不赞成使用。请使用样式取代它。 规定列表中的起始点。
type1
A
a
I
i

规定列表的类型。不赞成使用。请使用样式代替。
字符值,指示列表的编号样式。它可以是以下任意值:
a-表示小写
A-表示大写
i-表示小写罗马数字
I-表示大写罗马数字
1-表示数字

全局属性

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

事件属性

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

相关文章

HTML 教程:HTML 列表