不是所有HTML标签都必须显式闭合；HTML5中<html>、<head>、<body>、<p>、<li>、<dt>、<dd>、<option>等特定标签可省略结束标签，而<div>、<span>等容器标签绝不允许省略，自闭合标签如<br>不可写</br>。
HTML 标签必须闭合吗？
不是所有 HTML 标签都必须显式闭合。浏览器会根据 HTML 规范自动补全某些标签的结束，但「是否必须写闭合」取决于标签类型和文档模式（HTML vs XHTML），而不是浏览器宽容度。
哪些标签可以省略闭合？
在标准 HTML5 文档中，以下几类标签允许省略结束标签（即不写 </xxx>），前提是它们的内容为空或结构可被唯一推断：
-
<html>、<head>、<body>：只要结构清晰，结束标签可省（但不推荐省略</body>和</html>） -
<p>：遇到下一个块级元素（如另一个<p>、<div>）时自动闭合 -
<li>：遇到下一个<li>或</ul>/</ol>时自动闭合 -
<dt>和<dd>：同上，在下一个同级标签或</dl>处结束 -
<option>：遇到下一个<option>或</select>自动闭合
注意：<br>、<img>、<input> 等自闭合标签，**不能写 </br> 或 </img>** —— 这是常见错误，会导致解析异常或被忽略。
为什么有些标签闭合可省，有些不行？
HTML 解析器依赖「上下文感知」来推断结构。比如 <p> 后紧跟一个 <div>，解析器知道 <p> 必须在此处结束；但 <div> 内部嵌套多个 <div> 时，没有结束标签就无法判断层级——所以 <div>、<span>、<section> 等通用容器标签**绝不允许省略闭合**。
立即学习“前端免费学习笔记（深入）”；
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
省略闭合的本质是「语法糖」，不是自由发挥。它只适用于语义明确、嵌套无歧义的少数标签。
示例对比：
<p>第一段<p>第二段</p>
→ 第一个 <p> 在第二个 <p> 出现时自动闭合，等价于：
<p>第一段</p><p>第二段</p>
实际开发中该怎么做？
别靠浏览器容错，尤其当项目涉及 SSR、模板引擎、Prettier、Linter 或团队协作时：
- 所有非可省略标签（
<div>、<span>、<article>、<header>等）一律显式闭合 -
<p>、<li>虽然可省，但建议统一写闭合 —— 避免和<pre>、<textarea>等对换行敏感的标签混用时出问题 - 自闭合标签统一用
<br>形式（无斜杠），不要写<br />—— 后者是 XHTML 风格，在 HTML5 中无意义且可能干扰某些解析逻辑 - 使用
prettier或eslint-plugin-html固化规则，比人眼判断更可靠
最易被忽略的一点：服务端模板（如 EJS、Nunjucks）里省略闭合，可能让模板编译器提前截断内容，导致渲染错乱——这时候「浏览器能跑」不等于「逻辑正确」。
