start属性用于标签指定起始编号，值为整数（含负数、零），如start="5"显示“5.”“6.”；不作用于或，与value配合时后者覆盖当前项并中断自动递增。

start属性在

中如何指定起始编号

HTML的start属性只作用于

（有序列表），用来跳过默认的1开始计数。它接受整数，包括负数和零，但浏览器会按实际数值渲染序号，不会自动转为“第0项”这类语义化表达。

常见错误是把它用在

或嵌套的

上——这两个地方加start完全无效。

• start="5"会让第一个
• 显示为“5.”，后续依次为6、7…
• start="-2"会显示为“-2.”、“-1.”、“0.”，不是报错，但可能不符合内容逻辑
• 若列表含
• ，该li会覆盖start的计数，后续继续按value+1递增

与CSS counter-reset 的关键区别

start是HTML原生属性，声明式、轻量，适合静态编号调整；而counter-reset是CSS机制，需要配合counter-increment和::before伪元素，才能实现类似效果。

DeepBI DHTML 页面生成器

生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur

下载

直接写

比写三行CSS更可靠：它不依赖样式加载，打印、阅读模式、禁用CSS时仍保持编号正确。

• 当需要动态控制（如JS修改起始值）时，操作ol.start属性比操作CSS变量更直接
• 若用CSS模拟，counter-reset: list-item 9等效于start="10"（因为counter-reset设的是“重置后的值”，而start设的是“显示的第一个值”）
• 部分旧版IE（≤9）不支持start，但现代项目基本无需兼容

实际使用中容易被忽略的细节

start只影响视觉序号，不影响DOM结构、语义或可访问性（ARIA）的隐含顺序。屏幕阅读器仍按DOM顺序播报，不会因start="100"就跳过前99项。

• 不要用start来“隐藏”列表项——它不改变li数量，只是改显示数字
• 若列表来自CMS或模板循环，确保start值由后端/数据层决定，而非前端硬编码，否则分页时易出错
• 在Markdown中无法直接写start（除非用原生HTML块），需注意转换工具是否保留该属性

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！