Question

我正在尝试使用HTML5语义标记和引导来创建一个易于被搜索引擎和移动响应索引的页面。我使用“body”标签作为引导容器，使HTML5标签像“main”，“header”和“footer”所有引导“行”。

    <body class="container">
      <header class="row">
        <div class="col-12">
          <nav class="row">
          </nav> 
        </div>
      </header> 
      <main class="row">
        <section class="col-12">
          <div class="row">
            <div class="col-4">
            </div>
            <div class="col-4">
            </div>
            <div class="col-4">
            </div>
          </div>
          <div class="row">
            <div class="col-6">
            </div>
            <div class="col-6">
            </div>  
          </div>
        </section>
      </main>
    </body>

通过这样做，每个HTML5语义标记最终需要在其自身和实际内容之间添加一个或多个额外的html标记，以符合引导规范。

在网格布局中，内容必须放在列中，只有列可以是行的直接子项。

“section”不应该是“row”而不是“col-12”，因为无论设备如何，它都将始终是屏幕的整个宽度？

所有这些额外的div是否会对网站的索引方式产生负面影响？

它会对网站的索引方式产生负面影响吗？还是响应式布局会使容器的行“孙子”和cols“孙子”的行？

是bootstrap和html5冲突吗？

0 个答案: