Bootstrap和html5 - 部分或div?

时间:2014-03-10 11:28:16

标签: html5 twitter-bootstrap

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

我最近一直在阅读HTML5规范 - 何时使用section以及何时使用div。基本思想是只有在任何特定HTML5元素不适用时才应使用DIV。

现在,如果我想使用Bootstrap创建HTML5网站,我应该将DIV更改为特定的HTML元素(例如SECTION)吗?

4 个答案:

答案 0 :(得分:38)

这实际上取决于你网页的内容,但基本上你可以使用HTML5标签并应用这样的bootstrap类:

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

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

但正如所说它取决于您的内容,甚至更多,您不会被迫使用<section>标签,它们具有代表通用文档或应用程序部分的特定目的,并且它们不是强制性的

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

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

使用此解决方案,<section>标记用于对内容进行分组(应该是),并使用<div>标记进行样式设置。

答案 1 :(得分:20)

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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

分段标签用于分割您的网页并使其优化SEO,而div则用于样式化您的内容。