validation - validar - ¿Está permitido div dentro de la lista?
w3c validator html5 (7)
Esta pregunta ya tiene una respuesta aquí:
Sé que DIV dentro de LI no está permitido, pero lo he visto últimamente en muchos sitios web "grandes" como: Smashing Magazine, Web Designer Wall ... etc. Intento validar sitios, y tienen errores, pero nada acerca de div''s en LI ?!
Entonces, ¿puedo usarlo dentro de LI, y necesito que sea válido?
Como una adición: Antes de HTML 5 mientras que un div dentro de un li es válido, ¡un div dentro de un dl, dd o dt no lo es!
Es aceptable colocar div dentro de un li, incluso si es un elemento de bloque (¿de qué otro modo podríamos tener listas anidadas?). Me gustaría ver tu fuente sobre por qué no está permitido.
Estoy empezando en el universo del diseño web y utilicé DIV dentro de LI sin ningún problema con la semántica. Creo que los DIV no están permitidos en las listas, eso significa que no se puede poner un DIV dentro de un UL, pero no tiene problemas para insertarlo en un LI (porque LI son solo elementos de lista jaja) El problema que he estado encontrando es que a veces el DIV se comporta de una manera algo diferente de lo habitual, pero nada de lo que nuestro buen CSS no puede manejar jaja. De todos modos, perdón por mi mal inglés y si mi respuesta no fue útil, ¡buena suerte!
Sí, es válido según xhtml1-strict.dtd . El siguiente XHTML pasa la validación :
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
</head>
<body>
<ul>
<li><div>test</div></li>
</ul>
</body>
</html>
Si miras xhtml1-strict.dtd , verás
<!ELEMENT li %Flow;>
<!ENTITY % Flow "(#PCDATA | %block; | form | %inline; | %misc;)*">
<!ENTITY % block
"p | %heading; | div | %lists; | %blocktext; | fieldset | table">
Por lo tanto div , p etc. pueden estar dentro de li (según XHTML 1.0 Strict DTD from w3.org).
Si recuerdo correctamente, un div dentro de un li solía ser inválido.
@Flower @Superstringcheese Div debería definir semánticamente una sección de un documento, pero ya prácticamente ha perdido este rol. Span debería, sin embargo, contener texto.
Veo que querría hacer esto si quisiera hacer, por ejemplo, el cuadro completo de un elemento de menú en el que se puede hacer clic. Solía insertar una etiqueta ''li'' en las etiquetas ''a'' para hacer esto, pero esto parece más válido.