app的meta标签

1.规定网页编码

　　<meta http-equiv="Content-Type" content="text/html;charset=utf-8">

　　<meta charset="UTF-8">

2.这是一个，文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本IE 就用什么版本的标准模式渲染

　　使用以下代码强制 IE 使用 Chrome Frame 渲染

　　综上：

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

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

3.设置http cache时间，在快速迭代的项目中，我们可以设置max-age=604800s，也就是七天

　　<meta http-equiv="Cache-Control" content="max-age=604800" />

4.

　　<meta name="description" content="网站描述">

　　<meta name="keywords" content="关键词1、关键词2">

5.

　　<meta name="viewport" content="width=1226">

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

6.规定360安全浏览器使用webki内核进行渲染

　　<meta name="renderer" content="webkit">

7.申明网站为pc站，避免被转码

　　<meta name="applicable-device" content="pc">

8.禁止浏览器转码

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

9.禁止浏览器识别手机号码

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

10.声明视窗大小，禁止用户缩放，移动端必备

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

11.删除默认的苹果工具栏和菜单栏

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

12.设置工具栏和菜单栏背景颜色
　　 <meta name="apple-mobile-web-app-status-bar-style" content="black" />

　　

 

转载于:https://www.cnblogs.com/931298654yy/p/6003795.html