HTML <ol> 标签详解

发布时间：2023-03-21 14:24:44 所属栏目：教程来源：

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

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

如果需要无序列表，请使用 <ul> 标签

可以使用 css 来定义列表样式

属性
属性值描述
compact comp

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

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

如果需要无序列表，请使用 <ul> 标签

可以使用 css 来定义列表样式

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

范例
2 个不同的有序列表实例

<p>有序列表:</p>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

<p>无序列表:</p>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
HTML 4.01 与 HTML5中的差异
HTML 4.01 中 "start" 和 "type" 属性已经废弃，HTML5 不支持该属性

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

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

（编辑：汽车网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!