语法
<ol>
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ol>
用法
有序列表最常用于以下情况:
- 呈现有序步骤
- 列出任务或目标
- 创建等级结构
属性
type:指定列表中项的编号类型。可以是以下值之一:
- 1:数字(默认)
- a:小写字母
- A:大写字母
- i:小写罗马数字
- I:大写罗马数字
start:设置列表项的起始编号或字母。
reversed:如果设置为 "true",则列表项将按相反顺序编号。
HTML5 新增属性
HTML5 引入了两个新的属性:
compact:如果设置为 "true",则列表项将更紧凑地显示。
scoped:如果设置为 "row",则列表项将具有 "row" 作用域,这意味着它们可以与同一作用域内的表格单元格一起编号。
示例
- 数字有序列表:
<ol type="1">
<li>项目 1</li>
<li>项目 2</li>
<li>项目 3</li>
</ol>
- 字母有序列表:
<ol type="a">
<li>项目 A</li>
<li>项目 B</li>
<li>项目 C</li>
</ol>
- 具有起始编号的列表:
<ol start="5">
<li>项目 5</li>
<li>项目 6</li>
<li>项目 7</li>
</ol>
- 相反顺序列表:
<ol reversed>
<li>项目 3</li>
<li>项目 2</li>
<li>项目 1</li>
</ol>
- 紧凑列表:
<ol compact>
<li>项目 A</li>
<li>项目 B</li>
<li>项目 C</li>
</ol>
优点
- 清楚地显示项目的顺序或优先级
- 易于阅读和理解
- 提供结构化且一致的列表格式
缺点
- 无法对列表项进行自由排序,只能按顺序添加或删除
- 添加或删除项目会影响列表中后续项的编号