小编典典

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

html

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>

阅读 1292

收藏
2020-05-10

共1个答案

小编典典

选项2 是正确的。

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

链接到列表上的W3C Wiki(摘自以下评论):HTML Lists Wiki。

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

更多说明:

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