ol标签用type="i"或type="i"可直接切换为大写或小写罗马数字,start属性必须用阿拉伯数字(如start="3"),不支持罗马数字字面值,且子列表不继承父级start值。

ol 标签默认用阿拉伯数字,要改用罗马数字,直接设 type 属性就行,不用 JS、不用 CSS——但得记清大小写和字母含义。
type="I" 和 type="i" 的区别
大写罗马数字用 type="I"(注意是大写 i,不是小写 L),小写用 type="i"(小写 i)。浏览器会自动转成 I、II、III 或 i、ii、iii,不是靠字体模拟的。
-
<ol type="I"></ol>→ I, II, III, IV… -
<ol type="i"></ol>→ i, ii, iii, iv… - 别写成
type="roman"或type="lower-roman"—— 这些是 CSS 的list-style-type值,对 HTMLtype属性无效
start 属性必须用阿拉伯数字
想从 III 开始编号?不能写 start="III",得换算成阿拉伯数字再填:start="3"。哪怕 type="i",start 也只接受整数。
-
<ol type="i" start="5"></ol>→ v, vi, vii… -
<ol type="I" start="2"></ol>→ II, III, IV… - 嵌套时,子
<ol></ol>不继承父级start,除非显式声明
兼容性与渲染限制
所有现代浏览器都支持 type="I" 和 type="i",但要注意两点:
- IE8+ 支持,但 IE7 及更早版本忽略
type,一律回退为数字 - 某些屏幕阅读器可能把
IV读作 “四”,也可能逐字读 “I-V”,语义清晰度不如纯数字 - 不支持自定义起始罗马字形(比如跳过
VII直接到IX),只能靠start控制数值起点
type="i" 却没加 start,而列表实际对应文档第 6 节时,第一项显示为 i 而非 vi——视觉错位比功能失效更难排查。前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











