关于以<li>标记开头的嵌套列表

Question

所以经过我所做的所有搜索，我找到了答案 http://www.w3.org/wiki/HTML_lists它有一个例子告诉我它的ne ..但

它没有解释您在列表中需要或想要这样做的原因。

如果你看一下我创建的＆lt; ---箭头，它会指出我对此感到困惑。

底部的列表方式是我用来认为它完成的方式。

以下列表是我需要有人解释的例子。

顺便说一下，为什么当我把这两个都放在JSFiddle中时它们会出现同样的情况呢？

<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>

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

Answer 1

顶部选项是正确的HTML。另一个不是。 ol和ul代码应该只有li个孩子。 （列表应该只有列表项作为子项，而这些列表项又具有内容）。

事实上，两种工作都可能是浏览器的宽大，而不是它们都是正确的。 （请参阅您发送的链接以供参考，尤其是nesting lists部分）。有关类似问题的详情，请参阅SO上的this post。