Geek Answers Handbook

Use HTML5 tags with Bootstrap for a more semantic website?

Seeing the source of one of the Bootstrap Expo , Tsaa Tea Shop I wonder if they will add what they did by adding HTML5 semantic tags between the BS classes so that the site gets the best semantic meaning?

Given that they use the section element a bit, can this be considered as acceptable and good use of HTML5 tags / elements next to BS?

Here is a short excerpt:

<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>

I'm currently starting work on a small project and mean something like a simple one-page layout.

Would it be good to use semantics to follow this approach?

+4
1

Bootstrap

Twitter Bootstrap - . , container, form-control col-sm-2, .

. , - , .


HTML5

, . , , , HTML5, : article, section, nav, main, header, footer details.. let face truth - section , usuall div.

Semantic section . - display:block, "" . (, , ) , . .


HTML-

(1) . (2) . (3) . (4) .

, - HTML5, , div-cancer-that-is-the-web - .


.. :

<article><section></section><section></section><aside></aside></article>
<div><div></div><div></div><div></div></div>
+4

More articles:


All Articles