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

Question

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>

原文由 Ricket 发布，翻译遵循 CC BY-SA 4.0 许可协议

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 官方链接（已更新）。

原文由 DwB 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

选项 2

 <ul>
<li>Choice A</li>
<li>Choice B
  <ul>
    <li>Sub 1</li>
    <li>Sub 2</li>
  </ul>
</li>
</ul>

嵌套列表 - UL

原文由 csi 发布，翻译遵循 CC BY-SA 3.0 许可协议