用原生 start 属性可让 从指定整数开始编号，如 start="24"，支持负数和零，语义正确且兼容现代浏览器。
如何让 <ol></ol> 从指定数字开始而不是 1
默认 <ol></ol> 总是从 1 开始编号，但实际中常需接续前文、跳过某些序号，或配合服务端分页渲染。关键不是用 CSS 伪造，而是用原生 start 属性——它接受整数，且被所有现代浏览器支持。
常见错误是试图用 counter-reset 或 JS 动态改 textContent，既增加维护成本，又破坏语义和可访问性。
-
start="5"让第一个<li>显示为 “5.”，后续自动递增 - 若服务端返回第 2 页数据（每页 10 条），且上一页最后序号是 23，则当前页
<ol start="24"></ol> -
start值为负数或零也合法（如start="-2"→ “-2.”、“-1.”、“0.”），但需确认设计是否接受负序号
用 type 控制编号样式时的兼容性陷阱
type 属性看似简单，但不同浏览器对非默认值的支持程度不一，尤其在旧版 Safari 和部分 Android WebView 中容易回退到 decimal（阿拉伯数字）。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
-
type="a"（小写字母）和type="i"（小写罗马数字）在 Chrome/Firefox/Edge 中稳定；Safari 15.4+ 才完整支持type="I"（大写罗马） - 避免混用
type和 CSSlist-style-type：两者冲突时，CSS 会覆盖 HTML 属性，但屏幕阅读器优先读取 HTML 属性，可能导致读出“1.”而视觉显示“i.” - 真正需要自定义符号（如 “Step 1”、“→”）时，应放弃
type，改用counter-increment+::before，并确保aria-label同步更新
嵌套 <ol></ol> 时如何避免编号层级混乱
嵌套有序列表本身没问题，但默认行为是外层用 decimal、内层也用 decimal，导致 “1 → 1.1 → 1.1.1” 这类结构无法自动产生。HTML 标准不提供自动层级格式化，必须靠 CSS 或结构约定。
- 最简方案：用 CSS
counter-reset+counter-increment实现多级编号，例如外层counter-reset: section，内层counter-reset: subsection - 不要依赖
<ol type="1"><ol type="a"><ol type="i"></ol></ol></ol>组合来模拟层级——这属于滥用语义，且无法保证跨浏览器一致缩进和连接符（如 “1.a.i”） - 如果内容有明确大纲层级（如文档标题），优先用
<h2></h2>/<h3></h3>+ CSS 计数器，而非嵌套<ol></ol>；<ol></ol>应保留给真正线性、不可跳过的步骤序列
无障碍与 SEO 中容易被忽略的 <ol></ol> 细节
屏幕阅读器会把 <ol></ol> 读作“list with 7 items”，并逐条报出序号；但若序号被 CSS 隐藏或用伪元素覆盖，又没补 aria-label，就会丢失关键上下文。
- 禁止设置
list-style: none后不提供替代编号——即使视觉上要隐藏数字，也要用visually-hidden类包裹真实序号，或用aria-label="Step 3: Configure API key"显式声明 -
<ol reversed></ol>属性虽存在，但极少被屏幕阅读器正确解析（NVDA 2023.3.2 仍可能误读为正向），生产环境慎用 - 搜索引擎会识别
<ol></ol>的语义权重，但不会索引其序号值；若步骤顺序影响理解（如安装流程），确保每个<li>内容自身具备完整动作描述，不依赖序号推断逻辑
最麻烦的不是怎么编号，而是编号是否真有必要——很多所谓“步骤列表”其实只是并列要点，用 <ul></ul> 更准确；一旦用了 <ol></ol>，就得对序号的语义、可访问性和一致性负责。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
