1、定义文档的编码格式(H5的标准写法)
<meta charset="UTF-8">
2、声明指定的浏览器以及版本
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
/*
当指定的content值为IE=edge,chrome=1时,优先使用 IE 最新版本和 Chrome。
假定客户端安装了Google Chrome Frame,则在IE中使用chrome的渲染引擎来渲染页面,否则,将会使用客户端IE最高的标准模式对页面进行渲染。
*/
3、viewport移动设备屏幕可视区域
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
/*
width viewport 宽度(数值/device-width)
height viewport 高度(数值/device-height)
initial-scale 初始缩放比例
maximum-scale 最大缩放比例
minimum-scale 最小缩放比例
user-scalable 是否允许用户缩放(yes/no)
*/
4、忽略数字自动识别为电话号码
<meta content="telephone=no" name="format-detection" />
5、忽略识别邮箱
<meta content="email=no" name="format-detection" />
6、Pragma禁止本地缓存
<meta http-equiv="Pragma" contect="no-cache" />
7、百度禁止转码
<meta http-equiv="Cache-Control" content="no-siteapp" />
8、SEO优化部分
<!-- 页面关键词 keywords -->
<meta name="keywords" content="your keywords">
<!-- 页面描述内容 description -->
<meta name="description" content="your description">
<!-- 定义网页作者 author -->
<meta name="author" content="author,email address">
<!-- 定义网页搜索引擎索引方式,robotterms 是一组使用英文逗号「,」分割的值,通常有如下几种取值:none,noindex,nofollow,all,index和follow。 -->
<meta name="robots" content="index,follow">