这类网站由上下边栏组成，上边栏用来放置logo和链接等信息，下边栏用来放置网页的内容上下型网站经常用来进行个性化展示，在企业门户网站的公司展示中也比较常用5标题正文型布局 这类网站的布局结构由上边栏和内容区组成；也可以包裹一节的目录部分，一个搜索框，一个nav，或者任何相关logofooter元素footer元素代表“网页”或“section”的页脚，通常含有该节的一些基本信息，譬如作者，相关文档链接，版权资料如果footer元素包含了整个节，那么；textaligncenter，实现图片的保持在底部paddingtop50px，50px这个数值是经过计算得到的，paddingtop的值具体算法如下DIV的高度 – 图片的高度2，但这里要注意，根据盒模型原理，我们还要将DIV原来的高度200减去；css实现，无论body内容是否已满，footer都应该会在下面 positionabsolutebottom 0pxleft0px；在运行页面时，滚动条滚动后导航将消失5，为了将导航栏固定在顶部，可以添加样式位置固定最高0在导航容器中，键是第一个样式，因此其位置是固定的6，此时，页面开始运行，页面向上滚动，并且导航始终在顶部；这有助于提高应用程序的安全性和完整性，在某个关键文件意外丢失的情况下包含文件省去了大量的工作这意味着您可以为所有页面创建标准页头页脚或者菜单文件然后，在页头需要更新时，您只需更新这个页头包含文件即可语；在h5中，你body的width和height木有固定在不同分辨率的手机上body的width和height是不一样的就是横屏和竖屏；5善用标题元素 lth1 到 lth6这些元素用来突出页面的重点内容这有助于用户更加关注页面的重点部分对于博客，推荐使用lth1标签来突出博客标题因为，博客标题几乎是页面中最重要的部分6在合适的地方使用合适的HTML；HTML5页面是一种基于HTML语言的新一代Web页面标准相比较于以往版本，HTML5页面具有更多的新特性和功能，如支持视频和音频播放支持本地存储支持离线应用等HTML5页面可以用来创建各种形式的网站和应用，从简单的博客网站。

估计导航用的fixed定位吧，var windheight =windowinnerHeight var bottomx = documentgetElementById#39bottomx#39 底部导航 windowonresizefunction var docheight = windowinnerHeight ifdocheig。

1符合单一职责原则HTML5页面就负责管理元素，而CSS3文件只负责对相应HTML5文件显示效果的渲染，相互独立，互不相交2降低页面的复杂度，便于维护试想，当页面的元素数量增到很多的时候，同时在一个页面里管理元素和元素的显示属性，可读；HTML5怎么把导航固定在底部的步骤如下css的定位样式属性来实现会用到css中的positionfixed属性，结合来实现ltstylefootmenuwidth100%height60pxbackground#000positionfixedbottom0**距离底部为0；建议导航栏使用固定定位，positionfixed，或者就默认的static；positionfixed 可以固定positionabsolute也行相对于fixed absolute不能随着页面的拉伸而定义在头部或你想定义的地方即浏览器最大最小化固定的位置会不一样而fixed如果是定义紧贴头部的化，浏览器最大最小化都是。

对齐项目居中这两条线放在ul上 html5中如何让图片上下对齐居中图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置backgroundpositioncenter如果只能用图片分两种情况1图片宽高固定，这种情况很。

最快的方式是将底部的设置定位，也是最常见方式例子ltstyle type=quottextcssquot main paddingbottom x px*x 和底部的高度相同* foter position fixedheight xpx*x 是你底部的高度* width 1。