Bootstrap 和 html5 - 部分还是 div？答案

【问题标题】：Bootstrap and html5 - section or div?Bootstrap 和 html5 - 部分还是 div？
【发布时间】：2016-12-05 15:29:32
【问题描述】：

我有一个关于使用 Bootstrap 的问题 - 我看到默认情况下他们使用很多 DIV 而不是部分等。

我最近一直在阅读 HTML5 规范 - 何时使用 section 和何时使用 div。基本思想是，仅当任何特定的 HTML5 元素不适用时才应使用 DIV。

现在，如果我想使用 Bootstrap 创建一个 HTML5 网站，我应该将 DIV 更改为特定的 HTML 元素（例如 SECTION）吗？

【问题讨论】：

真的不需要这样做。如果您愿意，请务必使用较新的 HTML5 元素，但这不是必需的。我倾向于使用 HEADER 和 FOOTER 以及其他一些杂项。 HTML5 元素，但正如我所说，这不是绝对必要的。
HTML5 专注于语义。如果您需要 html5 元素涵盖的特定用途的元素，您应该使用它来升级页面的语义以供可访问性阅读器或机器人使用。但是通过这个建议，每个开发者都可以选择使用他想要的元素。 Bootstrap 使用 div 是因为它是一个通用元素，可以在大多数情况下应用于容器。但同样的例子也可以用 span、section、...

【解决方案1】：

这实际上取决于您页面的内容，但基本上您可以使用 HTML5 标记并应用如下引导类：

<section class="row">
    ...
</section>

<footer class="row">
    ...
</footer>

但正如所说，这取决于您的内容，甚至更多，您不必使用<section> 标签，它们具有表示通用文档或应用程序部分的特定目的，它们不是强制性的。

<div> 标签是通常用于样式的通用标签，如在引导程序中。但如果你想保留<section> 标签，也许你更喜欢这样的混合解决方案：

<section>
    <div class="row">
       ...
    </div>
    <div class="row">
      ...
    </div>
</section>

在此解决方案中，<section> 标记用于对内容进行分组，这是应该的，<div> 标记用于设置样式。

【讨论】：

我总是对部分感到困惑，以至于我想知道如果不能轻易推断出它的实际意义是什么，而且很多人（比如我）没有正确使用它们，或者可能没有正确使用它们。我知道它不是用于布局，但你会使用 section 标签来这样包装吗？这就像我觉得有必要使用部分标签，所以我尝试这样做，但我真的不明白它们。我实际上可能会像您上面那样使用部分进行包装，但我真的想要吗？
请注意，一行必须始终包含在
中，而不是直接包含在部分中。

【解决方案2】：

Section 不是设计目的，它有特定的含义。它表示网页的单独部分/部分。另一方面，div 没有具体含义。您可以匿名使用divs 来管理您的前端样式。

【讨论】：

【解决方案3】：

据我所知，使用部分是正确的语义并且有助于 SEO。

【讨论】：

【解决方案4】：

部分标签用于分割您的网页并使其 SEO 优化，而 div 用于设置您的内容样式。

【讨论】：