start属性必须为整数且直接写在标签上才生效，如start="3"显示“3.”“4.”，非整数会被截断或退化为1；type与start配合时，start表示序列中第几个字符，如type="a" start="3"显示“c.”；失效主因是list-style:none或display:flex隐藏序号、counter-reset覆盖，或aria-hidden等导致不可见。
start 属性直接写在 <ol></ol> 标签上，值必须是整数（正、负、零都行），浏览器会把它当作第一个 <li> 的显示编号，后续自动 +1 —— 不跳项、不重置 DOM、不依赖 JS。
怎么写才生效：值类型和位置必须严格匹配
常见失效不是语法错，而是传了非整数或放错地方：
-
start="5"✅ 正常显示 “5.”、“6.”、“7.” -
start="5.8"→ 被截断为 5，效果同start="5" -
start="abc"或start=""→ 静默退化为start="1"，无报错但没用 -
start="-2"✅ 合法，显示 “-2.”、“-1.”、“0.” - 别写
start="c"或start="iii"—— 它只认数字，字母/罗马数字起始靠type+start组合
type 和 start 怎么配合：语义必须对齐
start 在字母或罗马数字序列里表示“第几个”，不是阿拉伯数字本身：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
<ol type="a" start="3"></ol>→ 显示 “c.”、“d.”、“e.”（a=1, b=2, c=3） -
<ol type="I" start="4"></ol>→ 显示 “IV.”、“V.”、“VI.”（I=1, II=2, III=3, IV=4） -
<ol type="A" start="0"></ol>→ 行为不一致（部分浏览器映射为 A，非标准），建议避免 - 写了
type="a"却期望start="5"显示 “5.”？不可能 ——start只在当前type序列中定位
为什么写了 start 还是从 1 开始？优先排查这三处
视觉没变，大概率不是属性没生效，而是被其他东西盖住了：
-
list-style: none或display: flex等布局方式隐藏了序号本身 ——start仍在计算，只是你看不见 -
<ol></ol>外层被aria-hidden="true"或visibility: hidden包裹，序号不可见也不可访问 - CSS 中写了
counter-reset: list-item N，且作用域正确 —— 它会覆盖start，因为counter-reset优先级更高
动态设置要注意：JS 修改 ≠ 自动重算
用 JS 改 ol.start = 100 会立刻重绘第一项，但新增 <li> 不会自动按新起点递增：
- 原列表有 3 项、
start="10"，DOM 中最后一项是 “12.”；新增一项后，它会显示 “13.”，不是 “101.” - React/Vue 模板里写
start="{currentStart}"，若currentStart是字符串"5.2"，浏览器仍会截断 —— 建议显式转Number(currentStart) - 服务端渲染（SSR）下
start照常生效，但 hydration 后突变（如从 3 跳到 100），屏幕阅读器可能误读
最易被忽略的一点：start 不是样式开关，它参与语义；哪怕你用 CSS 把序号藏了，辅助技术仍会读出这个数字。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
