和必须显式闭合，漏写会导致结构错乱、样式失效、屏幕阅读器异常；嵌套时需严格按打开顺序反向闭合，验证方法是源码中与数量一致且dom树中子节点合规。

必须用 闭合 <ol></ol>

HTML 中 <ol></ol> 是双标签，必须显式写 结束。浏览器不会自动补全，漏写会导致后续所有 HTML 结构错乱——比如 <p></p> 变成 <ol></ol> 的子元素、CSS 样式失效、屏幕阅读器读不出层级。

常见错误现象：

• 编号突然中断或重复（例如第 3 条后跳回 1）
• 后续段落缩进异常、文字“贴着左边”或“挤在列表项里”
• 开发者工具中看到 <ol></ol> 被浏览器强行闭合在不该闭合的位置（如闭合在第一个 <li> 后）

<li> 也必须闭合，不能省略

<li> 不是自闭合标签，即使只有一行文本，也必须写 。HTML5 允许省略部分闭合标签（如 <p></p>），但 <li> 不在此列——省略会破坏列表语义，且嵌套时极易出错。

使用场景：

• 单行文本：写 <li>规则一</li>，别写 <li>规则一</li>
• 含子列表：子 <ol></ol> 必须完整包裹在父 <li> 内，且父 <li> 仍需闭合
• 含内联元素（如 <strong></strong> 或链接）：闭合顺序必须是
，不能反着来

嵌套时最容易漏掉的闭合点

嵌套 <ol></ol> 时，闭合顺序必须和打开顺序严格相反。每层 <ol></ol> 和每个 <li> 都要各自配对，否则外层结构直接坍塌。

容易踩的坑：

Doc To HTML

使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

下载

• 只记得闭合最外层 ，忘了中间嵌套的 和
• 把子 <ol></ol> 写在父 <li> 外面，导致子列表脱离语义上下文
• 用缩进代替逻辑闭合，误以为“看起来对齐了就没错”

示例正确结构：

<ol start="34">
<li>主规则一</li>
  <li>主规则二</li>
  <li>主规则三
    <ol type="a">
<li>子规则 a</li>
      <li>子规则 b</li>
    </ol>
</li>
  <li>主规则四</li>
</ol>

验证是否闭合完整的简单方法

不用依赖浏览器渲染结果——那已经晚了。直接看源码或开发者工具 Elements 面板：

• 搜索 <ol>，数一下有几个 <code><ol></ol> 开始标签，再搜索 ，数量必须完全一致
• 逐层展开 DOM 树，确认每个 <ol></ol> 下直接子节点只有 <li>，没有孤零零的文本或 <p></p>
• 检查任意 <li> 是否被意外包裹在其他块级标签里（如 <div> 或 <code><p></p>），这会切断列表语义链

  真正麻烦的不是写错，而是漏闭合后问题延迟暴露——可能上线一周才被发现编号错乱，而根源只是少了一个 。