ol标签的合法专有属性仅有start和reversed；type属HTML5废弃属性，不应使用，推荐用CSS list-style-type替代。

ol 标签的合法属性有哪些？

HTML5 中 ol 只有三个**标准、未废弃**的专有属性：start、reversed 和已过时但部分浏览器仍支持的 type。其他如 compact 等早已被移除，不应再用。

• start：数值型属性，指定列表起始编号（默认为 1），可为任意整数，包括负数或零
• reversed：布尔属性，存在即生效，表示按降序编号（如 5→4→3）；单独使用时起始值仍为 1，常需配合 start 使用
• type：HTML4 遗留属性，在 HTML5 中**已废弃**，不推荐使用；若强行写 type="a"，部分浏览器可能渲染，但行为不可靠且无语义保障

为什么 type 属性不该用？替代方案是什么？

因为 type 属性在 HTML5 规范中明确标记为 obsolete，它破坏了结构与样式的分离原则，且无法覆盖所有样式需求（比如自定义符号、图标、多级嵌套编号格式）。

HTML Text Extract

从HTML页面（URL、文件或标准输入）中提取主体内容文本，去除导航、页脚、广告和模板文本。可直接传递给readability_check或其他文本工具。

下载

• 真正可控、可维护的方式是用 CSS 的 list-style-type，例如：ol { list-style-type: lower-alpha; }
• 需要罗马数字？用 upper-roman 或 lower-roman
• 要完全自定义（如 “Step 1”、“Step 2”）？得结合 counter-reset + counter-increment + ::before
• 用 type 写的
  在某些旧版 Safari 或屏幕阅读器中可能被忽略或误读

start 和 reversed 一起用时容易出什么错？

很多人以为

3. A
4. B

会显示 “3. A / 2. B”，实际结果取决于浏览器实现细节——有些渲染为 “3. A / 2. B”，有些却变成 “3. A / 3. B”（忽略 reversed 递减逻辑）。

• 根本问题在于：HTML 规范未强制要求 reversed 必须动态调整每个 li 的计数，它只声明“整体应倒序”，而计数逻辑由 UA 自行解释
• 更稳妥的做法是显式控制：用 value 属性为每个 li 指定编号，例如
• A
• B
• start 和 reversed 组合仅适合简单场景（如倒计时步骤），一旦涉及嵌套、CSS 覆盖或辅助技术，就极易失控

实际开发中哪些属性最值得依赖？

真正稳定、跨浏览器、无障碍友好的组合只有两个：start 单独使用，以及全局属性（id、class、aria-label 等）。

• start 是唯一被所有现代浏览器一致实现的编号控制方式，适合教程步骤、法律条款编号等静态起始场景
• class 配合 CSS list-style-type 是样式定制的事实标准，也利于响应式和主题切换
• 如果需要语义强化（比如该有序列表代表“安装流程的 5 个必须步骤”），加 aria-label="安装步骤" 比依赖 type 或视觉编号更可靠
• 别忘了：每个 li 本身也支持 value 属性，它是比 start+reversed 更细粒度、更确定的控制手段

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