移动端meta设置

声明文档使用的字符编码

<meta charset='utf-8' />

WebApp全屏模式 

<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

1.name="viewport"      //设置视口（网页可绘制的区域）

2.width=device-width    //应用程序的宽度和屏幕的宽度是一样的

3.height=device-height  //应用程序的高度和屏幕的高是一样的

4.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放）

5.minimum-scale=1.0  //用户可以缩放到的最小尺度（1.0表示不缩放）

6.maximum-scale=1.0  //用户可以放大到的最大尺度（1.0表示不缩放）

7.user-scalable=no  //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no） 

忽略页面中的邮箱格式为邮箱 

<meta name="format-detection" content="telphone=no, email=no"/>

忽略自动识别数字为电话号码

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

避免IE使用兼容模式

<meta http-equiv="X-UA-Compatible" content="IE=edge">

不让百度转码

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

页面描述

<meta name="description" content="不超过150个字符" />

优先使用 IE 最新版本和 Chrome 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

Refresh(刷新) 自动刷新并指向新页面。

<meta http-equiv="Refresh"content="2;URL=http://www.baidu.com"> (注意后面的引号，分别在秒数的前面和网址的后面)

Keywords(关键字) keywords用来告诉搜索引擎你网页的关键字是什么。

<meta name="keywords"content="meta总结,html meta,meta属性,meta跳转"  />

description(网站内容描述)  description用来告诉搜索引擎你的网站主要内容。

<meta name="description"content="haorooms博客,html的meta总结，meta是html语言head区的一个辅助性标签。"/>

针对一些老的不识别viewport的浏览器，列如黑莓 

<meta name="HandheldFriendly" content="true" /  >

微软的老式浏览器 

<meta name="MobileOptimized" content="320"/>