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" />