html有序列表用type="i"或type="i"可原生设置大写或小写罗马数字序号，兼容性好、语义清晰；不支持"roman"等css值，start属性需用阿拉伯数字指定起始值。
用 type 属性指定罗马数字序号
HTML 有序列表（<ol></ol>）默认用阿拉伯数字，但可以通过 type 属性直接切到罗马序号。关键不是靠 CSS，而是原生 HTML 属性——浏览器原生支持，兼容性好，语义清晰。
支持的值有：type="I"（大写罗马）、type="i"（小写罗马），注意必须是单个大写或小写字母，不是字符串如 "roman" 或 "upper-roman"（那是 CSS 的写法，不适用于 type 属性）。
示例：
<ol type="I"> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ol>
渲染结果为：I.、II.、III.
为什么不用 CSS 的 list-style-type？
虽然 CSS 也能实现（list-style-type: upper-roman），但存在几个实际问题：
-
type属性是 HTML 原生语义，对屏幕阅读器更友好，能准确传达序号类型 - 部分旧版 IE（如 IE8 及更早）不支持
list-style-type: upper-roman，但支持type="I" - 当列表项动态增删时，CSS 方式可能在某些 UA 中出现序号错乱（尤其配合 JS 操作
<li>后未重置计数器） -
type属性可被 JS 直接读取和修改（ol.type = "i"），比操作样式更轻量
start 和 type 能一起用吗？
可以，且很实用。比如你想从第 4 项开始用罗马序号（即 IV.、V.、VI.……），直接组合使用：
<ol type="I" start="4"> <li>这是第四项</li> <li>这是第五项</li> </ol>
注意：start 的值始终是阿拉伯数字（表示起始“序数值”，不是显示字符），浏览器会自动转换为对应罗马形式。不要写 start="IV"，那会被忽略或转为 1。
常见误区：
-
start不影响type的大小写——type="i"+start="4"输出的是iv.，不是IV. - 若同时设了 CSS
list-style-type和 HTMLtype，HTML 属性优先级更高（现代浏览器中）
遇到序号显示为数字或乱码怎么办？
典型现象：写了 type="I"，但页面仍显示 1. 2. 3.，或者显示成方块、问号。
排查要点：
- 检查是否误用了
type="roman"或type="upper-roman"—— 这些不是合法值，浏览器会退回到默认1 - 确认没有全局 CSS 强制覆盖，比如
ol { list-style-type: decimal !important; } - 确保文档是标准模式（
开头），怪异模式下 <code>type行为不可靠 - 小写
i在某些字体下可能显示过细或易混淆（如i和l），必要时可通过font-family微调，但别依赖它修正语义
真正需要灵活控制格式（比如加括号、换位置、多层嵌套不同风格）时，type 就不够用了——得切到 CSS counters 或 JS 生成，但那就不再是“设置罗马序号”这个简单需求了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
