¿Forma correcta de hacer una lista anidada de HTML?

Los documentos W3 tienen unnested list example prefijado porDEPRECATED EXAMPLE:, pero nunca lo corrigieron con un ejemplo no obsoleto, ni explicaron exactamente qué está mal con el ejemplo.

Entonces, ¿cuál de estas formas es la forma correcta de escribir una lista HTML?

Opción : el @ anida<ul> es hijo del padre<ul>

<ul>
    <li>List item one</li>
    <li>List item two with subitems:</li>
    <ul>
        <li>Subitem 1</li>
        <li>Subitem 2</li>
    </ul>
    <li>Final list item</li>
</ul>

Opcion : el @ anida<ul> es un hijo de la<li> pertenece en

<ul>
    <li>List item one</li>
    <li>List item two with subitems:
        <ul>
            <li>Subitem 1</li>
            <li>Subitem 2</li>
        </ul>
    </li>
    <li>Final list item</li>
</ul>

Respuestas a la pregunta(7)

Su respuesta a la pregunta