hijos - etiquetas html
¿Puedo usar un div dentro de un elemento de la lista? (5)
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.
¿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>
Porque <li> es un elemento de bloque, no un elemento en línea como <span> o <a> .
Sí tu puedes. Tanto como quieras.
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">
Un <li> es un elemento de bloque, y funcionará perfectamente bien con otros elementos de bloque dentro.