hijos - etiquetas html

¿Puedo usar un div dentro de un elemento de la lista?

Question

¿Por qué el siguiente código es válido cuando estoy usando un <div> dentro de un <li> ?

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

Answer 1

Dentro de un <li> puedes tener cualquier cosa que puedas poner naturalmente dentro de un <div> . No son diferentes en este sentido.

Debería ser válido en HTML4, XHTML y HTML5 también.

Sin embargo, esto NO es válido (por lo que las fuentes que encontró sobre "sin divs en las listas" podrían referirse a esta situación):

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

Entonces: Las listas ( ul , ol ) solo pueden tener li s como sus hijos. Pero pueden tener cualquier cosa como sus hijos.

Answer 2

Porque <li> es un elemento de bloque, no un elemento en línea como <span> o <a> .

Answer 3

Sí tu puedes. Tanto como quieras.

Answer 4

Sí, puedes usar un div dentro de un li y se validará.

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

Answer 5

Un <li> es un elemento de bloque, y funcionará perfectamente bien con otros elementos de bloque dentro.