ol标签仅按DOM顺序编号，type属性只改变序号显示形式（如a、A、i等），不执行字母排序；真正按字母排序需JavaScript或服务端处理，嵌套编号须严格遵循HTML嵌套结构。
ol 标签本身不“按字母顺序排列”内容，它只按 DOM 顺序编号；所谓“字母序号”，只是编号样式（如 a、A），不是对列表项文本的排序操作。
用 type 属性显示字母编号，但不改变项的顺序
浏览器默认给 <ol> 的每个 <li> 分配递增序号，type 只控制这个序号的**显示形式**：
-
type="a"→ 小写字母：a、b、c… -
type="A"→ 大写字母：A、B、C… -
type="i"→ 小写罗马数字：i、ii、iii… -
type="I"→ 大写罗马数字：I、II、III…
注意：type 是 HTML 属性，但已被现代规范标记为“过时”，推荐改用 CSS 的 list-style-type（更稳定、可继承、支持更多值）。
想让列表项按字母顺序显示？得靠 JavaScript 或服务端排序
<ol> 不具备自动排序能力。如果你有一组数据（比如城市名），希望它们按字母顺序呈现，必须先排序再插入 DOM：
立即学习“前端免费学习笔记（深入）”；
- 错误做法：直接写
<ol type="a"><li>Zurich</li><li>Amsterdam</li></ol>—— 显示仍是a. Zurich、b. Amsterdam，顺序没变 - 正确做法：用 JS 提取
<li>文本，sort()后重新 append，或生成新列表 - 简单示例（假设列表已存在）：
const list = document.querySelector('ol'); const items = Array.from(list.children).map(el => el.textContent); items.sort((a, b) => a.localeCompare(b)); list.innerHTML = items.map(text => <li>${text}</li>).join('');
⚠️ 注意：这样会丢失原有 <li> 上的事件监听器和属性；如需保留状态，应操作节点而非重写 innerHTML。
嵌套多级字母编号时，常见错位原因
比如想实现 A. 主项 → A1. 子项 → A1a. 细项，容易出问题：
- 错误：把子
<ol>放在父<li>外面（脱离嵌套结构），浏览器视为独立列表，计数器重置 - 正确：子
<ol>必须是父<li>的**直接子元素**，否则list-style-type或计数器无法继承上下文 - 推荐用 CSS 计数器（
counter-reset/counter-increment）替代type，控制力更强，且支持自定义分隔符（如A1a）
真正容易被忽略的点是：字母编号 ≠ 字母排序。很多人看到 type="a" 就以为浏览器会“按字母排”，结果发现只是换了个样式——顺序还是你写的 DOM 顺序。要排序，就得动手 sort；要嵌套连续编号，就得严守嵌套结构。这两件事，<ol> 一个都不干，它只负责说“这是第几个”。
