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

为什么当我在<li>使用<div>时，以下代码是有效的？

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

Answer 1

是的，你可以在里面使用一个div，它会validation。

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

Answer 2

在<li>里面，你可以自然地把任何东西放在一个<div> 。 在这个意义上他们没有什么不同。

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

这是无效的（所以你发现有关“列表中没有div”的来源可以指这种情况）：

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

所以：列表（ ul ， ol ）只能有自己的孩子。 但是，孩子们可以有任何东西。

Answer 3

因为<li>是一个块元素，而不是像<span>或<a>这样的内联元素。

Answer 4

一个<li>是一个块元素，并且可以很好的与其他块元素一起工作。

Answer 5

是的你可以。 尽可能多的你想要的。