opción 2 es correcta: El anidada <ul>
es un hijo de la <li>
que pertenece en
Si validate, la opción 1 aparece como. un error en html 5 - crédito: user3272456
correcta: <ul>
como elemento secundario de <li>
La forma correcta de hacer HTML lista anidada es con el anidado <ul>
como un hijo de la <li>
a la que pertenece. La lista anidada debe estar dentro del elemento <li>
de la lista en la que está anidada.
<ul>
<li>Parent/Item
<ul>
<li>Child/Subitem
</li>
</ul>
</li>
</ul>
Un elemento de la lista puede contener otra lista entera - esto se conoce como "anidamiento" una lista. Es útil para cosas como tablas de contenido, como el que está en el comienzo de este artículo:
- Capítulo Uno
- Sección Uno
- Sección Segunda
- Sección Tres
- Capítulo Dos
- Capítulo tres
La clave para las listas de anidamiento es recordar que la lista anidada debe relacionarse con un elemento de lista específico. Para reflejar eso en el código, la lista anidada está contenida dentro de ese elemento de la lista. El código de la lista anterior se ve algo como esto:
<ol>
<li>Chapter One
<ol>
<li>Section One</li>
<li>Section Two </li>
<li>Section Three </li>
</ol>
</li>
<li>Chapter Two</li>
<li>Chapter Three </li>
</ol>
Nota cómo la lista anidada se inicia después de la <li>
y el texto del elemento que contiene la lista (“Capítulo Uno”); luego termina antes del </li>
del elemento de la lista que contiene. Las listas anidadas a menudo forman la base de los menús de navegación del sitio web, ya que son una buena forma de definir la estructura jerárquica del sitio web.
Teóricamente puede anidar tantas listas como desee, aunque en la práctica puede resultar confuso anidar listas demasiado a fondo. Para listas muy grandes, es mejor dividir el contenido en varias listas con encabezados, o incluso dividirlo en páginas separadas.
Aquí está la información oficial de W3C, http://www.w3.org/wiki/HTML_lists#Nesting_lists, la opción 2 es la forma correcta –
Los enlaces 'ul',' ol', y 'dl' están rotos. –
El ul, ol y dl son correctos nuevamente. – DwB