H5中的meta

1.Keywords，便于搜索引擎 ，放在前面 标记不应超过 874 个字符

<meta name="Keywords" content="网页关键字"> 

2. 网页描述 ，不超过 150 个字符且能准确反映网页内容的描述标签

<meta name="description" content="网页描述文字" > 

3.refresh，过指定时间后，刷新或者重定向

// 10s后重定向
<meta http-equiv="refresh" content="10;url=重定向页面地址" />
// 10s后刷新
<meta http-equiv="refresh" content="10" />

4. 进入页面时产生一些特殊效果

<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=n)">

// 其中，n的取值范围在0-23：
// 0：矩形缩小          1：矩形扩大          2：圆形缩小           3：圆形扩大
// 4：下到上            5：上到下            6：左到右             7：右到左
// 8：竖百叶窗          9：横百叶窗          10：错位横百叶窗       11：错位竖百叶窗 
// 12：点              13：左右到中间        14：中间到左右 
// 15：中间到上下       16：上下到中间        17：右下到左上        18：右上到左下     
// 19：左上到右下       20：左下到右上        21：横条              22：竖条                
// 23：以上随机选择一种 

5. viewport 视口

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

// width：宽度（数值 / device-width）（范围从200 到10,000，默认为980 像素）
// height：高度（数值 / device-height）（范围从223 到10,000）
// initial-scale：初始的缩放比例 （范围从>0 到10）
// minimum-scale：允许用户缩放到的最小比例
// maximum-scale：允许用户缩放到的最大比例
// user-scalable：用户是否可以手动缩 (no,yes)

6.适配手机端的链接地址 

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url">

   参考文章: https://www.cnblogs.com/Garven/articles/6791775.html

   自己尝试了一下，没看到效果

7.控制页面缓冲

// 设置不要页面缓冲
<meta http-equiv="Cache-Control" CONTENT="no-cache">

8.标注作者

<meta name="author" content="作者-笙"> 

9.优先使用的浏览器

// 优先使用IE的最新版浏览器，谷歌
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
// 使用IE6，其他版本改一下数字即可
<meta http-equiv="X-UA-Compatible" content="IE=6" >

10.浏览器内核

// 优先使用chrome内核渲染页面
<meta name="renderer" content="webkit">

11. 避免转码

// 通过手机百毒打开网页时，百毒可能会对你的网页进行转码，只展现页面内容，头底部会被替换并且一般会加点广告
<meta http-equiv="Cache-Control" content="no-siteapp" />

12.编码方式

<meta charset="utf-8">