我正在HTML 5开发一个网站。我将所有的页脚内容都包含在页脚标签中。像下面的代码
<!DOCTYPE html> <html> <head></head> <body> <header> <h1>Talking Dogs</h1> <b><p>Humans aren't the only talkers!</p></b> </header> <article> <p>Ever encountered a talking dog? I have.</p> <p>It all happened one day as I was walking down the street...</p> </article> <footer> © 2009 Woofer Dog Corporation </footer> </body> </html>
但是上面的代码不是我不能共享的实际的站点代码。有人可以建议我最好的方式来做这个HTML 5，以便它适用于所有主要浏览器，如IE-6,7,8 / Firefox / Safari / Crome / Opera
解决方法
HTML5的页脚标签并没有将内容放置在页面的底部 – 您仍然必须像往常一样对其进行风格化。在这方面，它的工作方式与< div>完全相同，因此您可以通过指定CSS来使其按原样显示：
footer {
//CSS code to make it display at the bottom,same as you would have done for a div.
}
页面底部的页脚被称为“粘滞页脚”。您可以在这里找到更多关于如何达到效果的信息：http://www.cssstickyfooter.com/
< footer>标签本身(以及所有其他新的HTML5标签)不是做布局魔术，而是用于语义目的;即为了向某人读取代码(或更有可能是机器人)的人员清楚标签内的数据是页脚数据。
在浏览器支持方面，所有当前的浏览器都允许您指定除IE之外的新HTML5标签，但幸运的是，IE(甚至IE6)的所有版本都可以通过在页面中包含HTML5Shiv hack来强制允许。
希望有帮助。
