当前位置:  开发笔记 > 前端 > 正文

HTML 5页脚标记始终位于底部

如何解决《HTML5页脚标记始终位于底部》经验,为你挑选了1个好方法。

我正在开发HTML 5的网站.我将所有页脚内容包含在页脚标记中.像下面的代码






Talking Dogs

Humans aren't the only talkers!

Ever encountered a talking dog? I have.

It all happened one day as I was walking down the street...

© 2009 Woofer Dog Corporation

但是上面的代码不是我无法分享的实际站点代码.有人可以建议我在HTML 5中执行此操作的最佳方法,以便它适用于所有主流浏览器,如IE-6,7,8/Firefox/Safari/Crome/Opera



1> Spudley..:

HTML5的页脚标签并没有神奇地将内容放在页面底部 - 您仍然需要像往常一样对其进行样式设置.在这方面,它的工作方式与a完全相同

,因此您应该通过指定CSS使其按预期显示来对待它:

footer {
   //CSS code to make it display at the bottom, same as you would have done for a div.
}

附在页面底部的页脚称为"粘滞页脚".您可以在此处找到有关如何实现此效果的更多信息:http://www.cssstickyfooter.com/

标签本身(与所有其他新的HTML5标签一起)是不是有做布局魔术,而是语义的目的; 即为了清楚某人阅读代码(或更可能是机器人),标签内的数据是页脚数据.

在浏览器支持方面,所有当前浏览器都允许您指定除IE之外的新HTML5标签,但幸运的是,IE的所有版本(甚至IE6)都可以通过在页面中包含HTML5Shiv hack来强制允许它.

希望有所帮助.

推荐阅读
周扒pi
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有