移动web摘要

1、移动web开发（pc端的页面用手机浏览器打开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天 下。手机网页可以理解成pc网页的缩小版加一些触摸特性。因为是在浏览器中进行的网页开发，所有最终代码具有跨系统平台的特性。

2、web app开发（web应用程序）特指的是用html5技术开发，之所以叫web app是因为他比较接近客户端应用程序的用户体验，可以和系统深度融合，调用一些只有客户端才能调用的功能（比如在移动设备上利用html5开发出的网页可以访问电话、摄像头等本地功能）.

1、meta标签html代码中最关键的就是meta标签设置，开发移动端页面首先一定要设置viewport （可视区域）device-width - 设备的宽度initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放。

其次是一些辅助优化功能，常用的有如下meta标签：

meta标签是元素可提供相关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能

http-equiv属性相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值
（1）content-Type（显示字符集的设定）说明：设定页面使用的字符集。用法：

（2）content-Language（当浏览者访问你的网页时，浏览器会自动识别并设置网页中的语言）用法：

（3）Expires（期限）说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。用法：注意：必须使用GMT的时间格式。

（4）Pragma(cache模式）说明：禁止浏览器从本地计算机的缓存中访问页面内容。用法：注意：这样设定，访问者将无法脱机浏览。

（5）Refresh（刷新）说明：自动刷新并转到新页面。用法：；（注意后面的分号，分别在秒数的前面和网址的后面，URL可为空）注意：其中的2是指停留2秒钟后自动刷新到URL网址。

（6）Set-Cookie(cookie设定）说明：如果网页过期，那么存盘的cookie将被删除。用法：注意：必须使用GMT的时间格式。

（7）Window-target（显示窗口的设定）说明：强制页面在当前窗口以独立页面显示。用法：注意：用来防止别人在框架里调用自己的页面。