2013-07-04 28 views
1

嗨,大家好,我创建了一个网页,我不知道哪一个是更好的语法(我用的引导CSS框架,如果它事项):Html5页脚里面的div VS div页脚内?

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

回答

0

<DIV>里面<FOOTER>是更正确的,因为<FOOTER>有望成为文件<BODY>的孩子,如果它是全身的脚注。但是如果只是当前的页脚<DIV>那么没关系。

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

希望这说明它:http://www.w3.org/wiki/HTML/Elements/footer

+0

“页脚有可能是文件体的小孩”什么?你从哪里得到的? [允许页脚“预计流量内容。”](http://www.w3.org/TR/html5/sections.html#the-footer-element) – feeela

+0

你是对的@feeela,我的回复是错误的。 – Edorka

1

这不会从一个语义点没关系。 A FOOTER element always belongs to "its nearest ancestor sectioning content or sectioning root element."

DIV不是一个切片元素,但BODY是(也是SECTION)。 DIV不添加任何语义。

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

从引导点的视图也有第三种选择:

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

这样页脚是逻辑行和一个可以添加多个列的。