阅读(1865)

HTML5 <ol> 标签

最后一次修改 2017年08月02日

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>html(html.cn)</title> 
</head>
<body>

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

<ol start="50">
  <li>咖啡</li>
  <li>茶</li>
  <li>牛奶</li>
</ol>
 
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例


浏览器支持

QQ截图20170802133002.png

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


标签定义及使用说明

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

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


提示和注释

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

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


HTML 4.01 与 HTML5中的差异

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

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

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


属性

New:HTML5 新属性。

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


全局属性

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


事件属性

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


相关文章

HTML 教程:HTML 列表