学科分类
目录
HTML5+CSS3

有序列表<ol>

ol是英文ordered list的缩写,翻译为中文是有序列表。有序列表是一种强调排列顺序的列表,使用<ol>标签定义,内部可以嵌套多个<li>标签。例如网页中常见的歌曲排行榜、游戏排行榜等都可以通过有序列表来定义。定义有序列表的基本语法格式如下:

<ol>

  <li>列表项1</li>

  <li>列表项2</li>

  <li>列表项3</li>

......

</ol>

在上面的语法中,<ol></ol>标签用于定义有序列表,<li></li>为具体的列表项,和无序列表类似,每对<ol></ol>中也至少应包含一对<li></li>。

在有序列表中,除了type属性之外,还可以为<ol>定义start属性、为<li>定义value属性,它们决定有序列表的项目符号,其取值和含义如表1所示。

表1 有序列表相关的属性

属性 属性值/属性值类型 描述
type 1(默认) 项目符号显示为数字1 2 3…
a或A 项目符号显示为英文字母a b c d…或A B C…
i或I 项目符号显示为罗马数字i ii iii…或I II III…
start 数字 规定项目符号的起始值
value 数字 规定项目符号的数字

注意:

不赞成使用<ol>、<li>的type、start和value属性,最好通过CSS样式属性替代。

点击此处
隐藏目录