start属性指定列表首项编号而非跳过前n项，支持任意整数（含负数、零），需与type配合使用；reversed仅反转视觉顺序，不改变dom顺序；value仅用于单个li的编号覆盖，应慎用。
start属性不是“跳过前N项”，而是“第一项显示几”
很多人写 <ol start="5">
<li>A</li>
<li>B</li>
</ol> 后，误以为浏览器会“跳过1–4”，其实它只把第一个 <li> 的视觉编号设为 5，第二个自动变成 6——编号逻辑是线性递增，不依赖原始索引。
常见错误现象：<ol start="-2"></ol> 渲染出 “-2. A” “-1. B” “0. C”，而不是报错或忽略；start 接受任意整数（含负数、零），但不支持小数、字符串或字母。
使用场景包括：
- 文档续接（上一节末尾是 8，本节用 start="9"）
- 法律条文从第 100 条起始（start="100"）
- 测试题号从 15 开始（start="15"）
type 和 start 要配合用，否则语义错位
type 控制编号样式（如 a、I），start 控制该序列中的起始位置。比如 <ol type="a" start="3"></ol> 显示的是 “c.” “d.” “e.”，不是 “3.”；<ol type="I" start="2"></ol> 显示 “II.” “III.”。
容易踩的坑：
- 写 <ol type="A" start="0"></ol> → 第一项是 “A”，不是 “0”（因为 start 是序列索引，不是显示值）
- type 值不区分大小写，但建议统一用小写（a、i），避免校验工具警告
- type="1" 是合法值，但冗余（默认就是阿拉伯数字，无需显式声明）
reversed 和 start 共存时，起始值仍指“第一个显示的数字”
reversed 是布尔属性，仅反转视觉顺序，不改变 DOM 结构或语义顺序。当与 start 同时出现，比如 <ol start="5" reversed>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>，渲染结果是 “5. A” “4. B” “3. C”，不是 “5. C” “4. B” “3. A”。
这意味着：
- 焦点顺序、屏幕阅读器播报顺序仍是 A→B→C
- 新增 <li> 会追加在末尾，编号按当前逻辑继续递减（即 2. D）
- 不要用 reversed 替代数据排序——真要倒序展示内容，得在 JS 或后端处理数组顺序
value 属性只该用于局部跳变，别拿它补 start 的锅
value 是 <li> 的属性，不是 <ol></ol> 的。它的作用非常具体：覆盖当前这一项的编号，后续项在此基础上 +1 自动递增。
典型误用：
- 列表编号乱了，就挨个加 value 打补丁 → 实际应检查 start 是否漏设、嵌套是否闭合、DOM 是否被 JS 意外修改
- 在 <ol start="10"></ol> 下，又给第一个 <li value="1"> → 编号变成 “1.” “2.” “3.”，完全绕过了 start，语义断裂
- 用 value 对齐视觉样式（比如让所有编号右对齐）→ 这该由 CSS list-style-position 或 padding 解决
真正需要 value 的场景极少，例如：
- 条款中插入一条“补充条款”，编号需跳到 “20”，后面继续 “21” “22”
- 考试试卷分块：第一块用 <ol></ol>，第二块开头用 <li value="11"> 表示第 11 题
复杂点在于：start 可靠、语义清晰、无障碍友好；value 灵活但易破坏编号连续性，且部分旧读屏工具对频繁跳变的 value 响应不准。除非业务明确要求非线性编号，否则优先用 start —— 它改一个地方，整个列表就稳了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
