我可以在列表项中使用 div 吗？

Question

为什么当我在 <div> <li> ，以下代码有效？

 <ul>
    <li class="aschild">
        <div class="nav">Test</div>
    </li>
</ul>

原文由 Manish Basdeo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

是的，您可以在 li 中使用 div，它会验证。

 <!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block     "p | %heading; | div | %lists; | %blocktext; | fieldset | table">

原文由 Jawad 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在 <li> 中，你可以拥有任何你可以自然地放入 <div> 中的东西。从这个意义上说，它们没有什么不同。

它在 HTML4、XHTML 和 HTML5 中也应该有效。

但是这是 无效 的（因此您找到的关于“列表中没有 div”的来源可能指的是这种情况）：

 <ul>
    <li></li>
    <div></div>
    <li></li>
</ul>

所以： 列表（ ul ， ol ）只能有 li 作为他们的孩子。但是 li s 可以拥有任何东西作为他们的孩子。

原文由 kapa 发布，翻译遵循 CC BY-SA 3.0 许可协议