[解決済み] 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>

オプション2 : ネストされた <ul> の子である。 <li> に属している。

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

解決方法は？

オプション2 が正しい。

ネストされたリストは、次のようになります。 の中に <li> 要素 がネストされているリストの。

W3C Wiki on Listsへのリンク（下のコメントから引用）。 HTML リスト Wiki .

HTML5 W3Cへのリンク ul の仕様です。 HTML5 ul . ただし ul 要素には、ちょうど0個またはそれ以上の li 要素で構成されます。 同じことが HTML5 ol . 説明のリスト ( HTML5 dl ) も同様です。 の両方が可能ですが dt と dd 要素を使用します。

その他の注意事項

• dl = 定義リスト。
• ol = 順序付きリスト（数字）。
• ul = 順番なしリスト(箇条書き)。

公式 W3Cリンク (更新)されました。