HTML ネストされたリストを作成する適切な方法は? 質問する

W3のドキュメントにはネストされたリストの例というプレフィックスが付いていますDEPRECATED EXAMPLE:が、非推奨ではない例で修正されることはなく、例のどこが間違っているのか正確に説明されることもありませんでした。

では、HTML リストを記述する正しい方法はどれでしょうか?

オプション 1 : ネストされたもの<ul>は親の子です<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>

<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>