做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&nbsp;A</li><li>Choice&nbsp;B&nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li>Sub&nbsp;1</li> &nbsp;&nbsp;&nbsp;&nbsp;<li>Sub&nbsp;2</li> &nbsp;&nbsp;</ul></li></ul>嵌套列表-UL

Answer 3

选项2是正确的：嵌套的<ul>是<li>它属于我。如果你验证，选项1在html 5中出现错误-信用：用户3272456正确：<ul>作为.的孩子<li>生成HTML嵌套列表的正确方法是使用嵌套的<ul>作为一个孩子<li>它属于它的。嵌套列表应该在<li>元素中嵌套它的列表的。<ul> &nbsp;&nbsp;&nbsp;&nbsp;<li>Parent/Item&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ul> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Child/Subitem&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul> &nbsp;&nbsp;&nbsp;&nbsp;</li></ul>W3C标准嵌套列表列表项可以包含另一个完整的列表-这称为“嵌套”列表。它对于像目录这样的东西很有用，比如本文开头的那个：第一章第一节第二节第三节第二章第三章嵌套列表的关键是要记住嵌套列表应该与一个特定的列表项相关。为了在代码中反映这一点，嵌套列表包含在该列表项中。上面列表的代码如下所示：<ol> &nbsp;&nbsp;<li>Chapter&nbsp;One&nbsp;&nbsp;&nbsp;&nbsp;<ol> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Section&nbsp;One</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Section&nbsp;Two&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li>Section&nbsp;Three&nbsp;</li> &nbsp;&nbsp;&nbsp;&nbsp;</ol> &nbsp;&nbsp;</li> &nbsp;&nbsp;<li>Chapter&nbsp;Two</li> &nbsp;&nbsp;<li>Chapter&nbsp;Three&nbsp;&nbsp;</li></ol>之后，注意嵌套列表是如何开始的。<li>和包含列表项的文本(“第一章”)；然后在</li>包含列表项的。嵌套列表通常是网站导航菜单的基础，因为它们是定义网站层次结构的好方法。理论上，您可以嵌套任意多的列表，尽管在实践中，嵌套列表太深可能会使您感到困惑。对于非常大的列表，最好将内容分成几个带有标题的列表，或者甚至将其分割成单独的页面。