HTML 5页脚标签总是在底部

发布时间：2020-12-14 22:27:24 所属栏目：资源来源：网络整理

导读：我正在HTML 5开发一个网站。我将所有的页脚内容都包含在页脚标签中。像下面的代码 !DOCTYPE htmlhtmlhead/headbodyheaderh1Talking Dogs/h1bpHumans aren't the only talkers!/p/b/headerarticlepEver encountered a talking dog? I have./ppIt all happened

我正在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来强制允许。

希望有帮助。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!