ol标签必须显式闭合，因其嵌套结构复杂、子元素类型受限，解析器无法安全自动补全；省略闭合会导致DOM结构错乱、编号异常、语义断裂及CSS/JS失效。
ol 标签必须显式闭合，不能省略 。
为什么 ol 不能像 p 那样省略结束标签
HTML5 允许省略结束标签的只有少数语义明确、上下文可推断的元素（如 p、li、dt），而 ol 不在其中。它的嵌套结构复杂、子元素类型受限（只能是 li 或 script/template），解析器无法安全地自动补全闭合位置。
一旦漏写 ，浏览器会尝试容错修复，但结果不可控：
- 后续内容可能被吞进
ol内部，变成无编号的纯文本（因为不是li） - 嵌套的子
ol或ul会被当作“悬空列表”，脱离父级语义层级 - JS 操作
ol.children时拿到的 DOM 节点数和结构与预期严重不符
ol 未闭合的典型错误现象
你看到的页面渲染效果可能完全正常——这恰恰是最危险的情况。常见表现包括：
立即学习“前端免费学习笔记（深入）”；
- 编号突然中断或重置（比如第二层
ol从 1 开始，而非继承上级编号） - 用开发者工具检查 DOM，发现内层
ol的父节点不是预期的li，而是body或其他容器 - 屏幕阅读器把本该是子条款的内容读作独立主条款（语义断裂）
- CSS 选择器如
ol > li > ol完全不生效，因为 DOM 中根本没有这种父子关系
嵌套时闭合更关键：子 ol 必须完整落在 li 里
这是最容易被忽略的连带问题。子 ol 本身要闭合，它所处的父级 li 也必须闭合——否则子 ol 就会“掉出来”。
错误写法：<ol><li>主项一<ol><li>子项</li></ol>主项二</li></ol>（li 没闭合，子 ol 实际被解析为兄弟节点）
正确写法：<ol>
<li>主项一<ol><li>子项</li></ol>
</li>
<li>主项二</li>
</ol>
验证方法：在开发者工具中选中子 ol，逐级向上看 parentNode，必须是 li → ol，中间不能跳过。
自闭合写法 <ol></ol> 是无效的
ol 是双标签容器元素，不是自闭合标签（如 img、input）。写成 <ol></ol> 或 <ol></ol> 会被解析器视为错误语法，部分浏览器可能直接忽略该标签，或将其解释为未闭合的 <ol></ol>，引发连锁结构错误。
务必使用标准配对：<ol>...</ol>，且中间所有 li 也要显式闭合（<li>...</li>），li 不支持自闭合写法（<li> 在 HTML 中无效）。
