HTML的type属性仅控制序号显示样式，不改变计数逻辑；start属性才是唯一控制起始编号的原生方式；现代开发应优先使用CSS的list-style-type，并确保嵌套结构正确。
ol 的 type 属性只控制显示样式，不改变计数逻辑
HTML 的 type 属性不是“设置编号类型”的万能开关，它只是把默认的阿拉伯数字序号，按固定规则映射成另一种视觉表现。第 1 项永远是映射起点：比如 type="a" 下，1→a、2→b；type="i" 下，1→i、2→ii。它不接受起始字符（如 start="C" 是无效的），也不支持自定义前缀（如“第1章”）。
常见误用：start="C"，因为 start 只认整数；同时，type="A" 和 start="3" 组合时，实际显示的是 D（A=1, B=2, C=3, D=4），而非从 C 开始。
-
type="1"是默认值，显式写上纯属冗余 -
type="i"在长列表中易混淆（vi、vii、viii 视觉接近），建议搭配足够行高和字体大小 - Safari 对
type="I"（大写罗马数字）的支持略弱，实测可能 fallback 到数字，需在真机验证
用 start 属性真正控制“从哪开始数”
start 才是决定编号起始位置的唯一 HTML 原生属性。它的值必须是整数（正、负、零均可），浏览器据此确定第一个 的序号值，后续自动递增。例如：
注意：start="-2" 对 type="1" 有效（显示 -2.、-1.、0.），但对 type="A" 通常无意义（字母表无第 -2 位），部分浏览器会留空或 fallback 到数字。
-
start值不参与可访问性语义，屏幕阅读器仍按 DOM 顺序播报“第 1 项” - IE11 及更早版本不支持
start，若需兼容，得用 CSScounter-reset替代 - 嵌套
start独立生效，不会继承父级
list-style-type 才是现代项目中推荐的控制方式
HTML 的 type 属性在 HTML5 中已被标记为 obsolete（过时），虽然主流浏览器仍兼容，但它能力有限：不支持 lower-greek、hebrew 等更多类型，无法与 ::marker 伪元素配合做精细样式调整，且动态切换时容易和内联样式冲突。
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
直接用 CSS 的 list-style-type 更可靠：
<ol class="roman-list">
<li>第一项</li>
<li>第二项</li>
</ol><p><style>
.roman-list { list-style-type: lower-roman; }
.alpha-list { list-style-type: upper-alpha; }
</style></p>
- 支持更多值：
lower-greek、armenian、georgian等（取决于浏览器） - 可通过 JS 切换 class 实现运行时动态变更，比操作
ol.type更稳定 - 嵌套时，子
list-style-type，需显式重置（这点极易被忽略）
嵌套列表中编号错乱的根源是结构错误
你看到“第二级又从 A 开始”，大概率不是 CSS 或属性没设对，而是 DOM 结构破坏了嵌套关系。HTML 规范要求：子 的直接子元素，不能脱离 直接放在父
❌ 错误写法（子
<ol type="A"> <li>一级项</li> </ol><ol type="1"> <!-- ❌ 这里脱离了父 <li>，浏览器视为全新列表 --><li>二级项</li> </ol>
✅ 正确写法（子 里）：
<ol type="A">
<li>一级项
<ol type="1">
<li>二级项</li>
</ol>
</li>
</ol>
- 只要结构正确，
type和start就会各自作用于本层，无需额外干预 - 若需跨层级连续编号（如 3.1、3.2），原生属性做不到，必须用 CSS
counter-reset+counters() - 多级文档中，最容易被忽略的是：子
list-style-type，而不是自动切到数字——这会导致字母嵌套后还是字母
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
