html - div内的html5页脚VS页脚内的div？

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

从语义的角度来看，这无关紧要。FOOTER 元素始终属于“其最近的祖先分段内容或分段根元素”。

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

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

从 Bootstrap 的角度来看，还有第三种选择：

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

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