元素驗證錯誤<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>