HTML <ol> 标签有什么作用？如何使用HTML <ol> 标签？
<ol> 标签定义有序列表。在 HTML 4.01 中，不赞成使用 "start" 属性，在 HTML 5 中是允许的。
在 HTML 4.01 中，不赞成使用 "compact" 和 "type" 属性，在 HTML 5 中，不再支持这两个属性。
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> 标签。
标签定义及使用说明
<ol> 标签定义了一个有序列表. 列表排序以数字来显示。
使用<li> 标签来定义列表选项。
ul是无序列表，所谓的无序列表只要举个例子，大家就会明白了。
●这是第一个列表
●这是第二个列表
●这是第三个列表
●这是第四个列表
ol是有序列表，同样举个例子。
1、这是第一个列表
2、这是第二个列表
3、这是第三个列表
4、这是第四个列表
这就是ul与ol的区别。
ul与ol前的符号是可以修改的。只需要修改它们的type值。
ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块
ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。
提示： 如果需要无序列表，请使用 <ul> 标签。
提示：使用 CSS 来定义列表样式。
在 HTML 4.01 中"start" 和 "type" 属性已经废弃，HTML5不支持该属性。
"reversed" 属性是 HTML5 中的新属性。
在HTML 4.01中"compact" 属性已经废弃,在 HTML5中不支持该属性。
属性
New：HTML5 新属性。
| 属性 | 值 | 描述 |
|---|
| compact | compact | HTML5中不支持，不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。 |
| reversedNew | reversed | 指定列表倒序(9,8,7...) |
| start | number | HTML5不支持，不赞成使用。请使用样式取代它。 规定列表中的起始点。 |
| type | 1
A
a
I
i | 规定列表的类型。不赞成使用。请使用样式代替。 |
HTML <ol> 标签的 compact 属性
compact 属性规定列表呈现的效果比正常情况更小巧，这是通过减少行间距以及对列表进行缩进来实现的。
任何主流浏览器都不支持 compact 属性。
在 HTML 4.01 中，不赞成使用 ol 元素的 compact 属性；在 XHTML 1.0 Strict DTD 中，不支持 ol 元素的 compact 属性。
请使用 CSS 代替。
css 语法：<ol style="line-height: 80%">
CSS 实例：缩小列表中的行高
compact 属性语法
<ol compact="value">
compact 属性属性值
值 描述
compact 规定列表呈现更紧凑小巧的效果。
<ol> 标签支持全局属性，查看完整属性表 HTML全局属性。
<ol> 标签支持所有 HTML事件属性。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <ol> 标签
