HTML规范要求ol必须仅包含li（及script、template等例外），否则编号消失；start属性设整数起始编号但IE11不支持，type属性已废弃应改用CSS；reversed仅对decimal有效；嵌套ol须完整置于li内，且层级不宜超2层。

ol必须只包含li，否则编号直接消失

浏览器遇到

第一步

这种写法，会默默忽略纯文本内容，连编号都不渲染——不是报错，是“假装看不见”。这不是bug，是HTML规范强制要求：

的直接子元素只能是

（以及<script></script>、等极少数例外）。常见翻车现场包括：

• 把整段说明文字直接塞进
  里，没包
• 用
  包裹每条内容再放进
  ，结果编号没了，样式也错乱
• 在
• 外面加
  做布局，破坏语义层级

  正确写法只有一种：

  1. 第一步
  2. 第二步

  。嵌套子列表时，整个子

  必须完整落在某一个
• 标签内部。

  start和type属性的实际效果与兼容性陷阱

  start控制视觉起始编号，比如

  会让第一条显示为“34.”，但后续仍按顺序递增；它不改变DOM顺序，也不影响屏幕阅读器播报（读的仍是“第1项”）。关键限制有：
  • start值必须是整数，start="-2"或start="3.5"会被浏览器忽略，退化为1
  • IE11及更早版本完全不支持start，始终从1开始
  • type属性（如type="a"）在HTML5中已被废弃，仅作向后兼容；现代项目应改用CSS的list-style-type

  如果你需要跨浏览器稳定显示小写字母编号，写CSS比依赖type更可靠：ol { list-style-type: lower-alpha; }。

  

  HTML Text Extract

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

  下载

  reversed属性只对decimal类型有效

  reversed是个布尔属性，启用后编号倒序显示，但它有个隐藏前提：只对list-style-type: decimal（即默认数字）生效。如果你同时设了type="A"或CSS里写了list-style-type: upper-roman，reversed会被浏览器无视。

  典型误用：

  1. a
  2. b
  —— 这不会变成“b, a”，而是照常显示“a, b”。真正想实现字母倒序，得手动控制内容顺序，或用JS动态生成。

  嵌套ol时，语义比样式更重要

  看到“34. …… a) …… b) ……”这类结构，别想着用两个并列

  硬拼。正确方式是外层
  的某一个
• 里完整嵌入子
  。这时要注意：
  • 子
    必须100%写在父
  • 的起始与结束标签之间，不能悬空
  • type只改外观，不改语义；如果子项本身有执行顺序（比如“先A后B”），就该用
    ，而不是退化成
  • 屏幕阅读器会把嵌套结构读作“第3项，包含2个子项”，所以嵌套层级不宜超过2层，否则可访问性急剧下降

  最易被忽略的一点：当你用CSS把

  的编号隐藏（list-style: none），又用伪元素::before模拟编号时，你已经主动放弃了语义和可访问性——此时它本质上只是视觉上像有序列表，但对辅助技术来说，就是一堆普通段落。