将HTML5标记与Bootstrap结合使用，以获得更多语义网站？

Question

看过Bootstrap Expo网站Tsaa Tea Shop之一的来源之后，我想知道他们是否做了什么，在BS类之间添加语义HTML5标签，将使该站点具有更好的语义价值吗？

考虑到他们大量使用了section 元素，是否可以将其视为与BS一起使用并很好地使用HTML5标签/元素？

这里是一个简短的摘录：

<section class="about-us block">
    <div class="container">
        <div class="row">

            <div class="col-md-8 text-center">
                <h2 class="section-title">Welcome</h2>

                <span class="fa fa-leaf"></span>
            </div>

        </div>
    </div>
</section>

<section class="quote block">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>"We loved our relaxing time with great food and beverages..."</h2>
            </div>
        </div>
    </div>
</section>

目前，我正在着手于一个较小的项目，并且考虑到一些简单的一页布局。

考虑到采用这种方法的语义是否有好处？

Answer 1

默认情况下，引导程序是非语义的

Twitter Bootstrap是市场上最不语义化的框架之一。如果您将代码类放在像上container，form-control 否则col-sm-2就无法做到语义化。

但是有时候你不想成为。您想要可读性，实用性和可维护性-这就是为什么它是这样做的并且它很棒。

HTML5标签

是的是的。我们拥有所有这些新的，性感的，有用的，几年急需的HTML5像标签：article，section，nav，main，header，footer或details.. 但是让我们面对事实-的section吸收几乎一样多usuall div。

语义的section几乎为零。天哪-这是一个带有标签的标签display:block，称为“ section”。它的最大（也是唯一）优点是提高了可读性，而不是语义。这就足够了。

为什么仍然使用新的HTML标签

（1）因为它更具可读性。（2）更容易调试。（3）更现代。（4）这更有意义和结果。

因此，如果您面临使用或不使用HTML5标签的决定，请执行任何操作，但不要继续使用div-cancer-that-is-the-web-built-on。

..即使是新标签的精简版也更具可读性：

<article><section></section><section></section><aside></aside></article>
<div><div></div><div></div><div></div></div>