meta元素详解

<meta charset="utf-8"/> 

meta提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。charset为申明编码解析格式

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

优先使用 IE 最新版本和 Chrome

<meta name="renderer" content="webkit|ie-comp|ie-stand">

国内浏览器很多都是双内核（webkit和Trident），webkit内核高速浏览，IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。

<meta name="keywords" content="your tags，" /> 

页面关键字

<meta name="description" content="120｜150 words" /> 

页面描述

<meta name="robots" content="index,follow" /> 

搜索引擎的搜索方式：all：文件将被检索，且页面上的链接可以被查询；

none：文件将不被检索，且页面上的链接不可以被查询；

index：文件将被检索；

follow：页面上的链接可以被查询；

noindex：文件将不被检索；

nofollow：页面上的链接不可以被查询。

<meta http-equiv="refresh" content="0;url=" />

页面重新定向和刷新 content内的数字代表时间（秒），既多少时间后刷新，如果加url,则会重定向到指定网页（搜索引擎能够自动检测，也很容易被引擎视作误导而受到惩罚

<meta name="author" content="author name" />  

网页作者信息

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

移动设备

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

WebApp全屏模式：伪装app，离线应用。

<meta name="apple-mobile-web-app-status-bar-style"content="black-translucent" /> 

content的值为default | black| black-translucent 隐藏状态栏/设置状态栏颜色：只有在开启WebApp全屏模式时才生效

<meta name="apple-mobile-web-app-title"content="标题"> 

截至目前仅支持苹果手机，安卓暂时还没有此类功能，content的值为default | black | black-translucent

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

忽略数字自动识别为电话号码

<meta content="email=no"name="format-detection" /> 

忽略自动识别邮箱