HTML 语义：div 部分文章，还是部分 div 文章？顺序重要吗？ [关闭]

Question

我有一定的利用部分的方式，我想知道出于语义 SEO 原因的正确使用/最佳实践。哪个更好，为什么，以及有没有更好的方法来做到这一点？

最好使用section THEN a div，反之亦然，还是真的一样？

<section role="title" class="title">
    <div>
        <article>
            <h1>Page Title</h1>
        </article>
    </div>
</section>

对比：

<div role="title" class="title">
    <section>
        <article>
            <h1>Page Title</h1>
        </article>
    </section>
</div>

我使用 Foundation 6 框架并使用语义 SASS 来处理我的行、列等。

section[role="title"], section.title {
    padding: 100px 0;
    background: black;
    div {
        @include flex-grid-row(); // max-width: 1200px;
        article {
            @include flex-grid-column(12); // width: 100%; or 12 out of 12 columns
            h1 {
                color: white;
            }
        }
    }
}

希望你们中的一些人能明白我为什么要问这个问题。我的典型布局是 div、section、article/aside。看看它是否重要。

HERE IS A CODEPEN

Answer 1

你的问题的答案也是使用

<div itemprop="name" class="title">
  <section>
    <article>
        <h1>Page Title</h1>
    </article>
  </section>
</div>

如果您想了解更多信息，我建议您阅读Here 您也可以使用其中一种谷歌工具Here