start属性指定首个列表项显示的数字而非跳过项数；reversed仅反转显示顺序而不改变DOM结构；value可手动设置单个li编号，后续项自动递增；复杂编号应使用CSS counter。
start属性不是“从第几个开始”，而是“第一个显示几”
很多人以为 start="5" 是跳过前4项、从第5项开始渲染，其实它只控制第一项的显示数字。浏览器仍按顺序渲染所有 <li>，只是把第一个标为“5.”，第二个自动变成“6.”，依此类推。
常见错误现象：写 <ol start="5">
<li>A</li>
<li>B</li>
</ol>，结果看到的是“5. A”“6. B”，而不是“1. A”“2. B”加一个偏移量。
-
start值必须是整数（正负都行），不支持字母或罗马数字直接赋值；想从字母“c”开始，得用type="a" start="3" - 和
type配合时，start指的是该序列中的位置索引：比如type="I" start="2"→ 第一项显示 “II”，不是 “2” - 动态插入新
<li>时，start不会重算；新增项仍按原逻辑递增，不会自动对齐“当前最大序号+1”
reversed 属性只改显示顺序，不改语义或 DOM 顺序
reversed 是布尔属性，存在即生效，写 reversed 或 reversed="reversed" 效果一样。它让浏览器倒着显示编号：3→2→1，但 <li> 在 DOM 中仍是正序排列，焦点顺序、屏幕阅读器读取顺序也保持不变。
容易踩的坑：
立即学习“前端免费学习笔记（深入）”；
- 和
start一起用时，起始值仍是“第一个显示的数字”：比如<ol start="5" reversed></ol>显示为 “5.”“4.”“3.”，不是 “5.”“4.”“3.” 再加个 “2.”“1.” 后自动截断 - 它不改变列表项的语义权重——别指望靠它实现“最新在前”的逻辑排序；真要倒序数据，得在 JS 里反转数组或后端调整顺序
- 在 XHTML 或严格校验场景下，必须写成
reversed="reversed"，不能只写reversed
value 属性能手动指定某一项编号，但后续项会接着算
value 是 <li> 的属性，不是 <ol></ol> 的。它只影响当前这一项的显示编号，之后的 <li> 会在此基础上 +1 继续递增，不管前面有没有其他 value。
示例：<ol>
<li value="10">A</li>
<li>B</li>
<li value="5">C</li>
<li>D</li>
</ol> 渲染结果是：10. A → 11. B → 5. C → 6. D。
-
value只作用于当前<li>，不影响前面或后面的起始逻辑 - 它和
start共存时，start仅对第一个无value的<li>生效 - 不要用
value来“修复”编号错乱——如果编号乱了，大概率是结构或属性用错了，不是靠打补丁能解决的
CSS 的 counter-* 比 HTML 属性更灵活，但也更难调试
当需要“第2章-3节”“附录A-ii”这类嵌套或混合编号时，start 和 reversed 就不够用了。此时得用 CSS 的 counter-reset 和 counter-increment。
关键点：
-
counter-reset初始化计数器，可设初始值；counter-increment每次触发增加，支持步长 - 它不依赖 HTML 属性，完全由 CSS 控制，所以可以跨元素、跨层级联动
- 但调试困难：浏览器开发者工具里看不到计数器实时值，出问题往往只能靠 console 打印或反复试
- 可访问性风险：纯 CSS 编号可能不被所有屏幕阅读器识别，关键序号建议仍保留在 HTML 结构中（如用
aria-label辅助）
真正复杂的编号逻辑，HTML 属性只是起点，不是终点。别在 start 和 reversed 上硬扛多层嵌套需求。
