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

Question

W3 文档有一个 nested list example前缀为 DEPRECATED EXAMPLE: ，但他们从未使用非弃用示例对其进行更正，也没有准确解释该示例的问题所在。

那么这些方法中哪一种是编写 HTML 列表的正确方法？

选项 1:嵌套的 <ul>是 parent <ul> 的 child

<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> 的 child 它属于

<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规范:HTML5 ul .请注意，ul元素可能正好包含零个或多个 li元素。这同样适用于 HTML5 ol . 描述列表( HTML5 dl )类似， 但允许dt和 dd元素。

更多注释:

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

---

官方W3C link (更新)。