HTML5 网店标题标语

Question

当我需要一个块中的前两个标题时，如何使用 HTML5 语义标签制作这样的文档大纲？

-MySite
--Books for children
---Book1
---Book2

当我使用

<body>
 <header class="INeedThisInOneBox">
  <h1>MySite</h1>
   <h2 class="slogan">Books for children</h2>
 </header>
  <article>
   <h1>Book1</h1>
  </article>
  <article>
   <h1>Book2</h1>
  </article>
</body>

大纲如下：

-MySite
--Books for children
--Book1
--Book2

我想使用语义标签，但需要为标语授予 SEO 重要性。

Answer 1

只有当您停止使用分段内容元素（示例 A）或者每次在适当的时候开始使用分段内容元素（示例 B）时，您才能获得此大纲。

示例 A：无分段内容元素

<body>

  <header>
    <h1>MySite</h1>
    <h2>Books for children</h2>
  </header>

  <div>
    <h3>Book1</h3>
  </div>

  <div>
    <h3>Book2</h3>
  </div>

</body>

示例 B：在各处对内容元素进行分段

<body>

  <header>
    <h1>MySite</h1>
  </header>

  <section>

    <h2>Books for children</h2>

    <article>
     <h3>Book1</h3>
    </article>

    <article>
     <h3>Book2</h3>
    </article>

  </section>

</body>

我不建议使用示例 A。示例 B 是正确的标记方法（我会质疑您的假设，即您需要为 SEO 做不同的事情，但讨论 SEO 是关闭的-关于 Stack Overflow 的主题）。

HTML5 网店标题标语

HTML5 slogan as heading in eshop

html

seo

semantic-markup

outline

heading