start属性用于指定有序列表起始编号,支持正数、负数和零,仅影响视觉显示而不改变语义顺序,与reversed共用时递减,现代浏览器均支持。

有序列表的 start 属性用于指定列表项从哪个数字开始编号,它直接写在 <ol></ol> 标签里,值为整数(支持正数、负数和零)。
基本用法:设置起始数字
默认情况下,<ol></ol> 从 1 开始编号。加上 start 后,第一个 <li> 就显示设定的数字,后续自动递增:
渲染效果是:3. 苹果、4. 香蕉、5. 橙子。
支持负数和零
start 不限于正数,可设为 0 或负数,浏览器会如实显示并按步长 +1 递增:
-
start="-1"→ 列表项编号为 -1, 0, 1, 2… -
start="0"→ 编号为 0, 1, 2, 3…
注意点:不改变实际顺序或语义
start 只影响视觉编号,不影响 DOM 结构、CSS 计数器逻辑或屏幕阅读器对列表序位的理解(辅助技术仍按自然顺序播报)。
- 它不能跳着编号(如想实现“1, 5, 10”,需用 CSS
counter-reset或手动写编号) - 与
reversed属性共用时,编号从设定值开始递减(例如<ol start="5" reversed></ol>显示为 5, 4, 3…)
兼容性与替代方案
start 是 HTML5 正式属性,所有现代浏览器都支持。若需更灵活控制(比如自定义步长、字母编号、多级偏移),推荐用 CSS 的 counter-reset 和 counter-increment:
ol { counter-reset: item 3; }
li { counter-increment: item; }
li::before { content: counter(item) ". "; }
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











