<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=yes"> <!-- wap自适应 //-->

网页中常常看见有这样的标记，他们是清浏览器缓存用的，记录下来，方便以后查询，以免忘记

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-Control" content="no-cache">

<meta http-equiv="Expires" content="0">

PS：清除浏览器中的缓存，它和其它几句合起来用，就可以使你再次进入曾经访问过的页面时，ie浏览器必须从服务端下载最新的内容，达到刷新的效果。

禁止缓存

<meta http-equiv="Expires" content="-1">

下面３个清除缓存

<meta http-equiv="Pragma" content="no-cache">

<meta http-equiv="Cache-control" content="no-cache">

<meta http-equiv="Cache" content="no-cache">

让网页的宽度自动适应手机屏幕的宽度:

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />    

<meta name="apple-mobile-web-app-capable" content="yes" />    

<meta name="format-detection" content="telephone=no" />  

第一行：

width=device-width ：表示宽度是设备屏幕的宽度

initial-scale=1.0：表示初始的缩放比例

minimum-scale=0.5：表示最小的缩放比例

maximum-scale=2.0：表示最大的缩放比例

user-scalable=yes：表示用户是否可以调整缩放比例

第二行：

设定iphone端页面全屏。

第三行：

取消数字被识别为电话号码。

header和footer 可以看成是DIV正常用css操作就行了