css实现,无论body内容是否已满,footer都应该会在下面
成都地区优秀IDC服务器托管提供商(创新互联).为客户提供专业的德阳电信服务器托管,四川各地服务器托管,德阳电信服务器托管、多线服务器托管.托管咨询专线:13518219792
position:absolute;
bottom: 0px;
left:0px;
新增加的header、footer标签主要用于表现DOM的语义
没有特殊的样式
在HTML5之前,不论是header还是body或footer都需要用div来表达
而HTML5的新标签可以直接用header、article、footer这些清晰明了的标签来表达,使文档的结构更清晰,以前设计时还要div然后id="container"这一类的属性,现在可以用一个article等类似标签来表现,作用于DIV一样,只是更方便
这种应该是fixed效果(设置某一模块固定在浏览器底部,页面滚动的时候也是),如果是我说的效果可以通过css设置:
position: fixed;
bottom:0;
left:0;
width:100%;
这里要注意,设置fixed的元素要记得设置宽度。如果要考虑低级的ie浏览器,就要加上css表达式实现,因为ie6不支持fixed属性。
vue.js 把footer写成一个模块,然后需要的页面就加载这个模块。
如果你想了解更多可以度娘一下
footer标签只是定义了一个语义元素,但具体要渲染在哪个位置,还需要你自己处理
html有以下几个语义化标记
header元素
header 元素代表“网页”或“section”的页眉
通常包含h1-h6元素或hgroup,作为整个页面或者一个内容块的标题。也可以包裹一节的目录部分,一个搜索框,一个nav,或者任何相关logo。
footer元素
footer元素代表“网页”或“section”的页脚,通常含有该节的一些基本信息,譬如:作者,相关文档链接,版权资料。如果footer元素包含了整个节,那么它们就代表附录,索引,提拔,许可协议,标签,类别等一些其他类似信息。
hgroup元素
hgroup元素代表“网页”或“section”的标题,当元素有多个层级时,该元素可以将h1到h6元素放在其内,譬如文章的主标题和副标题的组合
nav元素
nav元素代表页面的导航链接区域。用于定义页面的主要导航部分
aside元素
aside元素被包含在article元素中作为主要内容的附属信息部分,其中的内容可以是与当前文章有关的相关资料、标签、名次解释等。(特殊的section)
section元素
section元素代表文档中的“节”或“段”,“段”可以是指一篇文章里按照主题的分段;“节”可以是指一个页面里的分组
article元素
article元素最容易跟section和div容易混淆,其实article代表一个在文档,页面或者网站中自成一体的内容,其目的是为了让开发者独立开发或重用。譬如论坛的帖子,博客上的文章,一篇用户的评论,一个互动的widget小工具。(特殊的section)
address元素
address代表区块容器,必须是作为联系信息出现,邮编地址、邮件地址等等,一般出现在footer。