未闭合<i>在每个<p>中逐渐增加<i>

Question

我目前正在学习html5规范并在文档的syntax error section 中遇到以下代码段

据我所知，html元素的开始和结束标记必须完全存在于其父html元素中。例如<div><p>hello</p></div>有效但<div><p>hello</div></p>不有效。

但是对于屏幕截图中的示例，是什么导致每个<i>中的<p>元素逐渐增加？

Answer 1

每个<p>开始标记关闭开放的i和p元素，创建新的p元素并重新创建由{{关闭的每个i元素1}}标记，（在称为reconstructing the active formatting elements的过程中），然后新的<p>标记在重新创建的<i>元素中创建一个新的i元素，形成嵌套的{ {1}}您看到的元素。