云伟大大_9526
2026-06-09
295人浏览
原创
html解析器对的处理是容错跳过斜杠，而非支持自闭合；是合法写法，虽被忽略斜杠但属冗余，工具链可能误判；非void元素如会导致嵌套异常。
HTML 解析器（如 htmlparser2、浏览器内置 Tokenizer）对 `
` 的处理不是“支持自闭合”，而是按错误恢复规则跳过斜杠 `/`，再正常解析为 `
`。规范明确：`
` 是 void element，其开始标签不允许有结束标签，也不允许在开始标签内出现 `/`；遇到 `/` 时，Tokenizer 直接忽略它，继续读取 `>`。
这意味着以下三者在 HTML5 中被解析为完全相同的结果：
<br><br><br>但注意：<br> 不是“合法语法”，只是被容错处理了。工具链（如 ESLint、Vue SFC 编译器、html-validate）可能按 XML 规则解析，把 `/` 当作 self-closing 信号，导致后续属性被截断或结构误判。
<div><p>非 void element（如 <code><div>、<code><p></p>、<span></span>）**禁止**使用 `/` 结尾。当你写 <div></div>，Tokenizer 在解析标签名后遇到 `/`，会按规范跳过该字符，然后继续等待 `>` —— 实际上它把整个 <div></div> 当作一个未闭合的 <div> 开始标签。<p>随后解析器进入“in body”状态，把后续所有内容（直到遇到显式 <code>
<div> 的子节点。若后续没写闭合标签，浏览器会在文档末尾自动补全，造成 DOM 嵌套异常。<p>常见现象：</p>
<ul><li>写 <code><div></div>hello
<div>：外层是自动补全的，内层包裹 hello<li>写 <code><p></p>text → text 被包进未闭合的 <p></p>，后续段落可能被吞掉
在 htmlparser2 的 src/Tokenizer.ts 中，解析标签属性阶段的状态逻辑明确排除 `/`：
if (c === 0x2F /* '/' */) {
// skip and continue
pos++;
continue;
}
这不是特例处理，而是统一归入“分隔符跳过”逻辑（与空格、制表符、换行同级）。它不触发任何事件，不产生 token，也不改变当前标签的 selfClosing 标志位 —— 因为 void element 本就不需要该标志。
关键点：
onopentagname 只传入 tag name，不传 `/`onattribute 不会被调用（因为 `/` 不是属性）onclosetag 更不会触发（非结束标签）也就是说，`/` 在底层根本没“存在过”——它被状态机吃掉了。
PHP 的 Tokenizer.php（如 html5-php 库）同样遵循 WHATWG 规范，在解析 `
` 时走的是 `startTag` 流程，而非 `selfClosingTag` 状态分支。它的 startTag($name, $attributes, $selfClosing) 方法中，$selfClosing 参数永远为 false，除非你手动构造或用 XHTML 模式加载。
如果你在自定义 EventHandler 中依赖 $selfClosing 判断是否为空元素，会得到错误结果。正确方式是查白名单：
public function startTag($name, $attributes = [], $selfClosing = false) {
$voidElements = ['br', 'hr', 'img', 'input', 'meta', 'link', 'source'];
if (in_array(strtolower($name), $voidElements)) {
// 安全认定为空元素
}
}
硬编码白名单比依赖 `$selfClosing` 参数更可靠，因为 PHP 解析器本身并不从 `/` 推导该值。
真正容易被忽略的点在于：容错 ≠ 合法。浏览器能“修好”你的 `
`，不代表它该出现在代码里；linter 和 SSR 工具可能在你没察觉时已悄悄改写 DOM 结构。写 `
`，删掉 `/`，是最小意外面的选择。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
相关专题
html版权符号是“©”，可以在html源文件中直接输入或者从word中复制粘贴过来，php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容，供大家免费下载使用。
2023.06.14
5475
7
html在线编辑器是用于在线编辑的工具，编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方，是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容，供大家免费下载使用。
2023.06.21
3152
4
html网页制作是指使用超文本标记语言来设计和创建网页的过程，html是一种标记语言，它使用标记来描述文档结构和语义，并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容，供大家免费下载体验。
2023.07.31
2810
5
html空格是一种用于在网页中添加间隔和对齐文本的特殊字符，被用于在网页中插入额外的空间，以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容，供大家免费下载体验。
2023.08.01
2839
5
HTML是一种标准标记语言，用于创建和呈现网页的结构和内容，是互联网发展的基石，为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。
2023.08.11
4699
6
在网页设计中，字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性，还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧，帮助您在HTML中设置合适的字体大小。
2023.08.11
2781
3
html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容，供大家免费下载体验。
2023.08.31
2569
3
html文本框代码：1、单行文本框【<input type="text" style="height:..;width:..;" />】；2、多行文本框【textarea style=";height:;"></textare】。
2023.09.01
2328
6
HTML嵌入CSS样式的方法有内联样式、内部样式表和外部样式表。本专题为大家提供CSS样式相关的文章、下载、课程内容，供大家免费下载体验。
2023.09.20
2328
5
热门下载
相关下载
精品课程
共6课时 | 54.6万人学习
共89课时 | 133.4万人学习
共49课时 | 82.2万人学习
