个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
26
4
我正在用 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 标签)不是用来做布局魔术的，而是用于语义目的；即让阅读代码的人(或者更可能是机器人)清楚地知道标签内的数据是页脚数据。
在浏览器支持方面，当前所有浏览器都允许您指定新的 HTML5 标签，但 IE 除外，但幸运的是，所有版本的 IE(甚至 IE6)都可以通过包含 HTML5Shiv hack 来强制允许它。在您的页面中。
希望对您有所帮助。
关于HTML 5 页脚标签总是在底部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4154220/
26
4
0
我是一名优秀的程序员,十分优秀！