AI教程网 - 未来以来,拥抱AI;新手入门,从AI教程网开始......

HTML5 ol 标签

HTML5教程 AI君 52℃

实例

HTML5 <ol>标签用于定义文档中的有序列表。请参考下述示例:

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>


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


标签定义及使用说明

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

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


提示和注释

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

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


HTML 4.01 与 HTML5中的差异

在 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
规定列表的类型。不赞成使用。请使用样式代替。


全局属性

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


事件属性

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


相关文章

HTML 教程:HTML 列表

转载请注明:www.ainoob.cn » HTML5 ol 标签

喜欢 (0)or分享 (0)