查询html5支持大纲网站,HTML5 - 需要有关大纲的解释

创建显式剖面结构;不要忘记 不是节点。在您的代码示例中，“Header”

是根节点(级别＃1)，并且隐式地分配了两个“Article”子节点(级别＃2)。 '主要内容'

与主'Header'处于同一级别(级别＃1)并保留其余的隐式节节点; 'article-s'和最后'section'处于同一级别(级别＃2)。这就是大纲者如何看待你的结构(裸露的旧式风格)：

main-level

descendant

descendant

main-level

descendant

descendant

descendant

descendant

descendant

为了避免混淆，建议明确地定义所需的部分结构：

root

Header

Article

Article

Main content

Article

Article

Article

Article

Sidebar

这样'标题'，'主要内容'，'边栏'处于同一级别(级别＃2);并且是主“根”节点的子节点(级别＃1)。将和作为切片节点，您将获得您提到的大纲，并且结构将转换为此结构：

Header

Article

Article

Main content

Article

Article

Article

Article

Sidebar

但他们不是，我建议你明确指定部分。

顺便说一下，请注意，当明确使用时，部分(不是标题)承担定义文档结构(轮廓，即)的角色，而不是旧样式，

-

，这里是示例：

Grand-Grand

Grand

Minor

Minor

Grand

Minor

Minor

Minor

Minor

Grand

注意一个部分中的第一个标题只是包含部分的名称(由部分元素构成)和结构由显式部分定义决定(意味着你可以使用

或任何其他标题，到处都是，以任意顺序，在轮廓结构中没有影响)。同样如下：

Grand-Grand

Grand

Minor

Minor

Grand

Minor

Minor

Minor

Minor

Grand

，就html5大纲而言。我猜它是专门为htm解析器实现的(实际上没有新的“视觉影响”)，因此他们可以更准确地“识别”页面上的内容，并提供更流畅的体验并帮助残障人士。 Chrome很不错html5 outliner extension;它将图标放在地址栏的右侧部分，并在单击时显示pade的轮廓。