制作HTML嵌套列表的正确方法？

Question

W3文档有一个以开头的嵌套列表示例DEPRECATEDEXAMPLE:，但是他们从未使用不推荐使用的示例对其进行更正，也从未确切说明该示例出了什么问题。

那么，哪种方法是编写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>

Answer 1

选项2 是正确的。

嵌套列表应 位于<li>嵌套列表 的 元素 内 。

链接到列表上的W3C Wiki（摘自以下评论）：HTML Lists Wiki。

链接到HTML5 W3C ul规范：HTML5ul。请注意，一个ul元素可能恰好包含零个或多个li元素。这同样适用于HTML5ol。描述列表HTML5dl相似，但允许dt和dd元素。

更多说明：

• dl =定义列表。
• ol =有序列表（数字）。
• ul =无序列表（项目符号）。