Question

我很难理解HTML5页面的正确或至少是典型的结构，特别是使用Bootstrap的页面。

我认为Bootstrap使用其网站上的div元素来表示通用内容，但我遇到的大多数模板都会使用header，nav和footer，但这就是他们的语义结束的地方，而且不一致真的困扰着我。

我也试图确定最好的HTML5结构，但它非常分散。很多＆＃34;教程＆＃34;将忽略main元素或不使用任何容器。

为了避免使用不必要的div元素，这是我目前用于博客文章的结构，但即便如此，因为我不能100％确定使用Bootstrap类的最佳方法HTML5元素：

<body>

    <nav>
    </nav>

    <header>
    </header>

    <div class="container blog-post">
        <div class="row">
            <main>
                <section class="col-lg-8 col-xs-12">
                    <article>
                        <header>
                            [Post title/byline]
                        </header>
                        [Post content]
                    </article>
                </section>
            </main>
        </div>
    </div>

    <aside class="col-lg-4 col-lg-4">
        [Sidebar content]
    </aside>

    <footer>
    </footer>

</body>

我是否应该将row类添加到main元素中？我想学习，所以任何建议都会受到赞赏！

将HTML5元素与Bootstrap混合使用

0 个答案: