numerada - que es li en html
¿Se permite algo excepto el permiso de LI en un UL? (6)
Estamos recibiendo algunos códigos HTML sospechosos de nuestro diseñador. ¿Es válido lo siguiente? (note el UL dentro del UL)
<ul>
<li>1</li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
<li>2</li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</ul>
De acuerdo con las especificaciones de HTML 4 , las especificaciones de XHTML 2 y las especificaciones de HTML 5 que el código no es válido.
HTML 4
<! ELEMENTO
UL
- - (LI
) +
Esto significa que dentro de un <ul>
solo puede haber varios elementos <li>
.
XHTML
Ambos tipos de listas (
ul|ol
) se componen de secuencias de elementos de lista definidas por el elementoli
.
HTML 5
Modelo de contenido :
Cero o másli
y elementos de script-supporting .
Tenga en cuenta que los elementos que admiten secuencias de comandos son elementos que no se representan, y actualmente solo incluyen <script>
y <template>
.
Debes buscar información sobre los estándares HTML en el sitio W3C. Para los elementos de la lista, puede encontrarlo aquí: http://www.w3.org/wiki/HTML/Elements/ul . Dice que ul solo debe contener elementos li . En su código, las uls anidadas deben colocarse dentro de li.
Es inválido Acabo de ejecutar un cheque contra validator.w3.org
Aquí está el error
Línea 6, columna 8: el tipo de documento no permite el elemento "ul" aquí; asumiendo que falta la etiqueta de inicio "li"
Eso de hecho no es válido; lo que probablemente quiso decir es:
<ul>
<li>1
<ul>
<!-- ... -->
</ul>
</li>
</ul>
Además, ¿qué hace tu diseñador escribiendo el HTML?
Esto no es válido. Para crear listas anidadas, debe colocar la etiqueta ul
dentro de una etiqueta li
:
<ul>
<li>1</li>
<li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
<li>2</li>
<li>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
No, no es válido. Los únicos elementos permitidos dentro de ul
son li
.
Muestra corregida:
<ul>
<li>
<span>1</span>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
<li>
<span>2</span>
<ul>
<li>1.1</li>
<li>1.2</li>
<li>1.3</li>
</ul>
</li>
</ul>
No permitas que tu diseñador escriba ningún código HTML para ti. Contrate a un desarrollador de aplicaciones para usuario que realmente sepa cómo manejar HTML y XHTML.