ol 标签是有序列表,通常我觉得不就是前面来个 1 2 3 嘛,但不是这样的,ol 有序列表还能指定前面序列的类型,我们来一起看看:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ol 标签的种类</title>
</head>
<body>
<!-- 默认就是这个,你也可以省略不写 type 属性 -->
<ol type="1">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<!-- 小写字母序列 -->
<ol type="a">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<!-- 大写字母序列,可以用于考试或者问卷调查场景,你其实根本不用在你的选项处敲 A B C 的 -->
<ol type="A">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<!-- 小写罗马数字序列 -->
<ol type="i">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
<!-- 大写罗马数字序列 -->
<ol type="I">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
</body>
</html>
最终呈现的效果: