关于Meta标签的一些知识

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