ol 的 type 属性仅控制序号显示样式，不改变计数逻辑；真正决定起始序号的是 start 属性，它只接受整数，与 type 无关，且各层嵌套 ol 的 start 和 type 相互独立。
ol 的 type 属性只控制数字/字母样式，不改变计数逻辑
很多人以为 type="A" 或 type="i" 会让列表从某个字母或罗马数字“开始”，其实不是。它只是把默认的阿拉伯数字序号，按规则映射成对应字符：比如第 1 项显示为 A，第 2 项是 B，和 start 无关。真正决定“从哪开始数”的，只有 start 属性。
常见错误是写成：<ol type="A" start="C"> —— 这会报错，start 只接受整数，不能填字母。
-
start="3"表示序号从 3 开始（无论type是1、A还是i） -
type="a"+start="2"→ 第一项显示为b（因为 2 对应字母表第 2 位） -
type="i"+start="4"→ 第一项显示为iv（阿拉伯数字 4 转罗马数字）
用 start 实现非连续或偏移序号
当需要跳过前面几项（比如文档中接续上一节编号）、或故意留空起始位置时，start 是最轻量的解法。
例如，上一节末尾是第 5 条，本节要从第 6 条继续：<ol start="6">。浏览器会自动渲染为 6、7、8…，无需手动写 value。
立即学习“前端免费学习笔记（深入）”；
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
start值可以是负数（如start="-2"），但显示效果取决于type：负数对type="1"有效，对type="A"会显示为空白或异常字符（部分浏览器 fallback 到数字） - 若想让第 1 项显示为 “0”，只能用
start="0"+type="1"；type="A"下start="0"无意义（没有第 0 个字母） - 注意：CSS 的
counter-reset也能实现类似效果，但start更直接、无样式依赖、SEO 友好
嵌套 ol 时 start 和 type 各自作用于本层
嵌套列表中，每层 <ol> 的 start 和 type 互不影响。外层设了 start="10"，不会让内层自动从 10 开始。
典型场景：多级大纲（如 3.1、3.2、3.3…），这时仅靠 HTML 原生属性不够，必须配合 CSS counter-increment 和 counter-reset。
- 纯 HTML 嵌套：内层
<ol>默认从 1 开始，除非显式设置自己的start - 如果内层想继承外层编号（如 “3.1”），必须用 CSS 计数器，
start无法跨层级传递 -
type在嵌套中可混合使用：外层type="1"，内层type="a"，再内层type="i"，这是合法且常用的做法
兼容性与容易被忽略的细节
start 和 type 在所有现代浏览器中支持良好，但有两点常被忽略：
-
start的值始终是阿拉伯数字，即使type是字母或罗马数字——它表示“这是第几个列表项”，不是“显示成什么字符” - 若用 JavaScript 动态插入
<li>，新项的序号由当前ol的start和已有项数量共同决定，不是简单累加；建议动态操作时统一用counter-reset控制更可控 - 无障碍方面：
start会被屏幕阅读器正确读出（如 “6. 第一项”），但若搭配非标准type（如type="Z"），部分读屏器可能读错或静音
真正麻烦的不是怎么写，而是什么时候不该用——比如需要“3.1.2”这种三级编号，硬套 start 会很快失控。这时候该切到 CSS 计数器，而不是堆砌 HTML 属性。
