在部分内标记 h1

Question

我知道这里和互联网上有很多信息，我阅读了它们，但我对 html5 验证感到失望。我的网页是这样的：

 <body>
     <nav>
         <ul>
             <li>...</li>
             <li>...</li>
         </ul>
     </nav>
     <main>
         <section>
             <header>
                 <h1>...</h1>
             </header>
             <section>
                 <header>
                     <h1>Section 1</h1>
                 </header>
                 <p>...</p>
                 <p>...</p>
              </section>
              <section>
                  <header>
                      <h1>Section 2</h1>
                  </header>
                  <p>...</p>
                  <p>...</p>
              </section>
              <section>
                  <header>
                      <h1>Section 3</h1>
                  </header>
                  <p>...</p>
                  <p>...</p>
              </section>
          </section>
      </main>
      <footer>
          <h2>...</h2>
          <p>...</p>
      </footer>
  </body>

据我所知，html5doctor 和 w3c 规范是正确的。我的页面是单页网站，每个部分都有自己的含义。 ...但是如果我尝试验证，我会收到警告，考虑在部分中使用 h2 - h6，而不是 h1。我的网页已通过验证，但我对那里的警告感到紧张。请你确认一下，这没问题，或者到底有什么问题？

谢谢彼得每一个专业的回答

Answer 1

HTML5最初的想法包含了大纲算法的概念。其中，您示例中的第一个 h1 的解释方式与 HTML 4.01 中的 h1 相同。在 HTML 4.01 中，section 元素中的每个 h1 元素都将被视为等同于 h2 元素。也就是说，它们将指示从第一个 h1 元素开始的顶级部分的子部分的开始。

然而，实际发生的情况是，无论是浏览器、屏幕阅读器还是任何其他 HTML 笔记处理器都没有在任何地方正确地实现 HTML5 大纲算法（如果有的话）。

结果是您的网页会被误解。这主要影响辅助功能技术，该技术大量使用 header 级别以允许其用户有效地浏览您的页面。

我不知道是否有任何特定的负面 SEO 影响，但有效的语义误解不太可能有益。

所以验证器给你的建议是，在可预见的将来，最好使用与 HTML 4.01 中相同的 header 级别安排，即 h1对于顶级部分 headers，h2 用于下一级 sub-sections，h3 用于子 sub-sections，等等

在部分内标记 h1

tag h1 within sections

html

sections