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

Question

为什么以下代码在我使用<div>内部时有效<li>？

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

Answer 1

是的,你可以在里面使用div,它会验证.

<!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)只能将lis作为孩子.但是lis可以像孩子一样拥有任何东西.

Answer 3

因为<li>是块元素,而不是像<span>或的内联元素<a>.

Answer 4

An <li>是一个块元素,与内部的其他块元素完美配合.

Answer 5

是的你可以。随你想要。