做HTML嵌套列表的正确方法？

Question

做HTML嵌套列表的正确方法？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>

Answer 1

备选案文2是对的。

嵌套列表应该是在一个<li>元素嵌套在其中的列表中。

链接到W3CWiki的列表(摘自下面的注释)：HTML列表Wiki.

链接到HTML 5 W3Cul规格：HTML 5ul..注意，aul元素可能包含完全为零或更多的li元素。同样适用于HTML 5ol..描述列表(HTML 5dl)是相似的，但允许两者兼而有之。dt和dd元素。

更多注释：

• dl

  =定义清单。

• ol

  =有序列表(编号)。

• ul

  =无序清单(子弹)。

Answer 2

备选案文2

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

嵌套列表-UL

Answer 3

选项2是正确的：嵌套的<ul>是<li>它属于我。

如果你验证，选项1在html 5中出现错误-信用：用户3272456

---

正确：<ul>作为.的孩子<li>

生成HTML嵌套列表的正确方法是使用嵌套的<ul>作为一个孩子<li>它属于它的。嵌套列表应该在<li>元素中嵌套它的列表的。

<ul>
    <li>Parent/Item        <ul>
            <li>Child/Subitem            </li>
        </ul>
    </li></ul>

---

W3C标准嵌套列表

列表项可以包含另一个完整的列表-这称为“嵌套”列表。它对于像目录这样的东西很有用，比如本文开头的那个：

1. 第一章
1. 第一节
2. 第二节
3. 第三节
2. 第二章
3. 第三章

嵌套列表的关键是要记住嵌套列表应该与一个特定的列表项相关。为了在代码中反映这一点，嵌套列表包含在该列表项中。上面列表的代码如下所示：

<ol>
  <li>Chapter One    <ol>
      <li>Section One</li>
      <li>Section Two </li>
      <li>Section Three </li>
    </ol>
  </li>
  <li>Chapter Two</li>
  <li>Chapter Three  </li></ol>

之后，注意嵌套列表是如何开始的。<li>和包含列表项的文本(“第一章”)；然后在</li>包含列表项的。嵌套列表通常是网站导航菜单的基础，因为它们是定义网站层次结构的好方法。

理论上，您可以嵌套任意多的列表，尽管在实践中，嵌套列表太深可能会使您感到困惑。对于非常大的列表，最好将内容分成几个带有标题的列表，或者甚至将其分割成单独的页面。