最近在看《html5 missing manual》。该书并没有把HTML纲要生成算法讲清楚，只是举了一些例子，无奈只能查网页。
在这篇帖子中讲了HTML4和5的纲要算法。
HTML4:

每个标题都会生成一个隐性节点(implicit section)，紧随其后的相对层级低的标题会成为它的子节点，层级相同或者更高的标题则会关闭这个节点并生成新的节点。可以测试一下下面的代码：

HTML5:

HTML5的新标签section、article、aside、nav会生成显性节点(explicit sections)，每个显性节点内部又有它自己的标题结构（当然也符合HTML4、HTML5大纲算法）。

帖子中的例子我都能看懂，再回到《HTML5 missing manual》书中的例子，就出现问题了。

<h1>Level-1 Heading</h1>
<h2>Level-2 Heading</h2>
<h2>Level-2 Heading</h2>
<h3>Level-3 Heading</h3>
<h2>Level-2 Heading</h2>

按照我对HTML4的纲要生成规则的理解，我生成的纲要是这样：

1.Level-1 Heading
  1.Level-2 Heading
  2.Levle-2 Heading
    1.Level-3 Heading
    2.Level-2 Heading

而书上、包括HTML OUTLINER在线工具，生成的是这样：

1.Level-1 Heading
  1.Level-2 Heading
  2.Level-2 Heading
    1.Level-3 Heading
  3.Level-2 Heading

层级相同或者更高的标题则会关闭这个节点并生成新的节点。
这个新节点又会遵循<h1>~<h6>的层级关系来生成吗？

如果是这样，那为什么下面这个例子，在遇到高层级的标题元素时，又生成同级纲要了呢？

<h3>《搜索》</h3>
<p>搜索讲的是..</p>
<h2>国外电影</h2>

生成的纲要:

1.《搜索》
2.国外电影

按照上面的规则，应该生成

  1.《搜索》
1.国外电影

才对吧。