Question

大家好，我正在创建一个网页，我不知道哪个是更好的语法（我使用的是Bootstrap CSS框架，如果重要的话）：

<div class="container">
    <div class="row">
        <footer class="span12">
            ...
        </footer>
    </div>
</div>

VS

<footer class="container">
    <div class="row">
        <div class="span12">
            ...
        </div>
    </div>
</footer>

Answer 1

DIV不是分段元素，但是BODY（和SECTION也是）。 DIV不会添加任何语义。

在这种情况下，您应该根据您的设计选择标记。问题是，是否有一个页脚，它显示在屏幕的整个宽度上，其内容居中或页脚应该居中。

从Bootstrap-point-of-view还有第三种选择：

<div class="container">
    <footer class="row">
        <div class="span12">
            ...
        </div>
    </footer>
</div>

这样，页脚就是逻辑行，可以为其添加多个列。

Answer 2

<DIV>内的<FOOTER>更正确，因为<FOOTER>预计会成为文档<BODY>的子项，如果它是整个身体的页脚。但如果它只是当前<DIV>的页脚，那就没关系。

<body>
  <article>
  </article>
  <footer> <!-- site wide footer -->
    <nav>
    </nav>
  </footer>
</body>