<ul> <li> 元素中的 <br> 元素验证错误

Question

我有这种情况：

...
<ul>
  <li>Text<br/>Text</li><br />
  <li>Text<br/>Text</li>
</ul>
...

寻找 vw3c 验证我得到：

错误：在此上下文中不允许元素 br 作为元素 ul 的子元素。（抑制来自该子树的更多错误。）

我也阅读了验证器中的下一步：

Contexts in which element br may be used:
    Where phrasing content is expected.

所以，正确与否都不对！我该如何解决这个问题？
谢谢。

Answer 1

<ul>
  <li>Text<br/>Text</li><br />
  <li>Text<br/>Text</li>
</ul>

错误消息说您不能将 br 元素作为 ul 元素的子元素。

您在两个 li 元素之间有一个是不允许的。

删除它。

换行符应该用来打断一行文本，并且在语义上主要用于诗歌之类的内容，其中明确的换行符很重要。

列表项是块元素并自动创建换行符，无需在它们之间放置明确的分隔符。

如果您尝试模拟边距，请使用真实边距（应用于 CSS 的 li 元素）。

li:not(:first-child) {
  margin-top: 1em;
}

<ul>
  <li>Text<br/>Text</li>
  <li>Text<br/>Text</li>
</ul>

Wrong validation on element <br> in <ul> <li> elements