自闭合 <li> 标签是否有效？

【问题标题】：Is a self-closing <li> tag valid?自闭合 <li> 标签是否有效？
【发布时间】：2020-06-02 19:39:12
【问题描述】：

我最近遇到了一些使用自动关闭<li> 标签的 HTML，如下所示：

<ul>
    <li/>
    <p>Item 1</p>
    <li/>
    <p>Item 2</p>
</ul>

这在谷歌浏览器中正确呈现，但Mozilla developer documentation 没有提及此表单，当我输入此表单时，我的编辑对我大喊大叫。这是有效的 HTML 吗？

【问题讨论】：

标签： html

【解决方案1】：

不，不是。您可以使用a validator 进行测试。

/ 是一个错误，因此浏览器会忽略它，将其视为开始标记。

因此，<p> 元素是 <li> 元素的子元素（它们必须是，因为它们不允许成为 <ul> 元素的子元素）。

下一个<li>（或</ul>）隐式结束前一个<li>，因为结束标记对于该元素是可选的。

【讨论】：