如何使用正确的方法来使HTML嵌套列表?

  • 回答 (2)
  • 关注 (0)
  • 查看 (73)

W3文档有一个前缀为的嵌套列表示例DEPRECATED EXAMPLE:,但是他们从来没有用一个不推荐的例子来纠正它,也没有解释这个例子到底出了什么问题。

那么,哪种方法是编写HTML列表的正确方法呢?嵌套<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>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>
真假二十一真假二十一提问于
心愿回答于

选项2

<ul>
<li>Choice A</li>
<li>Choice B
  <ul>
    <li>Sub 1</li>
    <li>Sub 2</li>
  </ul>
</li>
</ul>
以往V回答于

项2是正确的。

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

链接到W3C Wiki列表(摘自下面的评论):HTML列表维基。

链接到HTML5 W3C ul规范:HTML5ul。请注意,一个ul元素可能只包含零个或多个li元素。这同样适用于HTML5ol。说明列表(HTML5dl)是相似的,但允许两个dt和dd元素。

更多备注:

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

扫码关注云+社区

领取腾讯云代金券