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 就会“掉出来”。

财经HTML高端海报生成

复杂得财经如何变成清晰，适合手机看的海报？如何加上你的IP

下载

错误写法：

1. 主项一
   1. 子项
   主项二

（li 没闭合，子 ol 实际被解析为兄弟节点）

正确写法：

1. 主项一
   1. 子项
2. 主项二

验证方法：在开发者工具中选中子 ol，逐级向上看 parentNode，必须是 li → ol，中间不能跳过。

自闭合写法

是无效的

ol 是双标签容器元素，不是自闭合标签（如 img、input）。写成

或

会被解析器视为错误语法，部分浏览器可能直接忽略该标签，或将其解释为未闭合的

，引发连锁结构错误。

务必使用标准配对：

...

，且中间所有 li 也要显式闭合（

...

），li 不支持自闭合写法（

在 HTML 中无效）。

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