不是所有html标签都必须显式闭合；html5中、、、、、、、等特定标签可省略结束标签，而、等容器标签绝不允许省略，自闭合标签如不可写。
HTML 标签必须闭合吗？
不是所有 HTML 标签都必须显式闭合。浏览器会根据 HTML 规范自动补全某些标签的结束，但「是否必须写闭合」取决于标签类型和文档模式（HTML vs XHTML），而不是浏览器宽容度。
哪些标签可以省略闭合？
在标准 HTML5 文档中，以下几类标签允许省略结束标签（即不写 ），前提是它们的内容为空或结构可被唯一推断：
-
、、：只要结构清晰，结束标签可省（但不推荐省略和） -
<p></p>：遇到下一个块级元素（如另一个<p></p>、<div>）时自动闭合<li> <code><li>：遇到下一个<li>或/时自动闭合 -
<dt></dt>和<dd></dd>：同上，在下一个同级标签或处结束 -
<option></option>：遇到下一个<option></option>或自动闭合
注意：<br>、<img>、<input> 等自闭合标签，**不能写 或 ** —— 这是常见错误，会导致解析异常或被忽略。
为什么有些标签闭合可省，有些不行？
HTML 解析器依赖「上下文感知」来推断结构。比如 <p></p> 后紧跟一个 <div>，解析器知道 <code><p></p> 必须在此处结束；但 <div> 内部嵌套多个 <code><div> 时，没有结束标签就无法判断层级——所以 <code><div>、<code><span></span>、<section></section> 等通用容器标签**绝不允许省略闭合**。
省略闭合的本质是「语法糖」，不是自由发挥。它只适用于语义明确、嵌套无歧义的少数标签。
示例对比：
<p>第一段</p><p>第二段</p>
→ 第一个 <p></p> 在第二个 <p></p> 出现时自动闭合，等价于：
<p>第一段</p><p>第二段</p>
实际开发中该怎么做？
别靠浏览器容错，尤其当项目涉及 SSR、模板引擎、Prettier、Linter 或团队协作时：
- 所有非可省略标签（
<div>、<code><span></span>、<article></article>、<header></header>等）一律显式闭合 -
<p></p>、<li>虽然可省，但建议统一写闭合 —— 避免和<pre class="brush:php;toolbar:false;"></pre>、<textarea></textarea>等对换行敏感的标签混用时出问题 - 自闭合标签统一用
<br>形式（无斜杠），不要写<br>—— 后者是 XHTML 风格，在 HTML5 中无意义且可能干扰某些解析逻辑 - 使用
prettier或eslint-plugin-html固化规则，比人眼判断更可靠
最易被忽略的一点：服务端模板（如 EJS、Nunjucks）里省略闭合，可能让模板编译器提前截断内容，导致渲染错乱——这时候「浏览器能跑」不等于「逻辑正确」。
