1.PC宽度 自动100%
<meta name="viewport" content="width=device-width, initial-scale=1" />
width=device-width兼容winphone ie浏览器
2.文档类型/编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
3.对搜索引擎友好
<meta name="keywords" content="别搜我" />
<meta name="description" content="告诉你别搜我，对，就你" />
<meta name="revised" content="Frank, 2016/3/1" />
//定义网页版本
<meta name="robots" content="index,follow" />
4.重定向 相当于js跳转
<script>window.location.href="";</script>
<meta http-equiv="refresh" content="5;url=" http:="" zxlucky.com"="">
5.强制全屏/竖屏 移动端
<meta name="full-screen" content="yes" />
<meta name="browsermode" content="application" />
6.兼容ie浏览器的版本
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
7.360等国内浏览器 号称双核浏览器的渲染兼容模式
<meta name="renderer" content="webkit" />
//默认webkit内核
<meta name="renderer" content="ie-comp" />
//默认IE兼容模式
<meta name="renderer" content="ie-stand" />
//默认IE标准模式
8.其他
<meta name="author" content="" />
网站作者 <strong>iphone webapp常用meta标签小结</strong> 1.宽度
<meta name="”viewport”" content="”width=device-width;" initial-scale="1.0;" maximum-scale="1.0;" user-scalable="0;”" />
移动端safari浏览器宽度适配 尤其针对打开输入键盘后 iphone自动改变屏幕宽度有显著疗效
2.添加到主屏幕后，全屏显示。
<meta name="apple-touch-fullscreen" content="yes" />
3.去掉工具栏
<meta name="apple-mobile-web-app-capable" content="yes" />
这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。
4.添加到主屏后的标题（iOS 6开始）
<meta name="apple-mobile-web-app-title" content="标题" />
5.设置状态栏的背景颜色
<meta name="apple-mobile-web-app-title" content="yes" />
6苹果手机浏览器safari会自动识别页面中的数字和邮件 并进行拨号和发邮件操作
<meta content=”telephone=no” name=”format-detection” />
<meta content=”email=no” name=”format-detection” />