元素验证错误<br>在<ul><li>元素</li></ul>

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>