html - 是自闭
问题描述
我最近遇到了一些使用自闭合<li>
标签的 HTML,如下所示:
<ul>
<li/>
<p>Item 1</p>
<li/>
<p>Item 2</p>
</ul>
这可以在 Google Chrome 中正确呈现,但Mozilla 开发人员文档没有提及此表单,并且当我输入此表单时,我的编辑器会对我大喊大叫。这是有效的 HTML 吗?
解决方案
不,不是。您可以使用验证器对此进行测试。
这/
是一个错误,因此浏览器将忽略它,将其视为开始标记。
因此,<p>
元素是元素的子<li>
元素(它们必须是元素,因为它们不允许成为元素的子<ul>
元素)。
下一个<li>
(或</ul>
)隐式结束前一个<li>
,因为结束标记对于该元素是可选的。