HTML ol 标签

🌙
手机阅读
本文目录结构
axihe

HTML <ol> 标签功能

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

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


HTML <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>


HTML <ol> 标签演示

  1. Coffee
  2. Tea
  3. Milk
  1. Coffee
  2. Tea
  3. Milk

浏览器支持

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


提示和注释

  • 提示: 如果需要无序列表,请使用 <ul> 标签。
  • 提示:使用 CSS 来定义列表样式。

HTML4 与 HTML5 中的差异

在 HTML4 中”start” 和 “type” 属性已经废弃,HTML5 不支持该属性。

“reversed” 属性是 HTML5 中的新属性。

在 HTML4 中”compact” 属性已经废弃,在 HTML5 中不支持该属性。


属性

New:HTML5 新属性。

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

全局属性

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


事件属性

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



AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang