购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 教程手册(新) >> HTML标签
其他教程参考

有序列表<ol>

有序列表<ol>
HTML 有序列表标签<ol>定义了一个有序列表. 列表排序以数字来显示。
灭绝小师太 灭绝小师太 更新时间:2019-04-10 14:27:06

HTML <ol> 标签

标签定义及使用说明

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

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


浏览器支持

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


提示和注释

提示: 如果需要无序列表,请使用 <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事件属性

实例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
</body>
</html>

运行实例 »

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


网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号