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

必须用 闭合

HTML 中

是双标签，必须显式写 结束。浏览器不会自动补全，漏写会导致后续所有 HTML 结构错乱——比如

变成

的子元素、CSS 样式失效、屏幕阅读器读不出层级。

常见错误现象：

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

也必须闭合，不能省略

不是自闭合标签，即使只有一行文本，也必须写 。HTML5 允许省略部分闭合标签（如

），但

不在此列——省略会破坏列表语义，且嵌套时极易出错。

使用场景：

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

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

嵌套

时，闭合顺序必须和打开顺序严格相反。每层

和每个

都要各自配对，否则外层结构直接坍塌。

容易踩的坑：

HTML Text Extract

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

下载

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

示例正确结构：

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

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

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

• 搜索
  ，数一下有几个
  开始标签，再搜索
  ，数量必须完全一致
• 逐层展开 DOM 树，确认每个
  下直接子节点只有
• ，没有孤零零的文本或

• 检查任意
• 是否被意外包裹在其他块级标签里（如
  或

  ），这会切断列表语义链

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

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