Question

我有一种利用部分的方式，我想知道语义SEO原因的正确使用/最佳实践。哪个更好，为什么，而有更好的方法来执行此操作？

最好使用部分那么div，反之亦然，还是老实说一样？

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

VS

<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 您还可以使用googles工具之一Here

HTML语义：div部分文章，或div部分文章？订单有关系吗？

1 个答案: