标签记录
meta标签用来描述一个HTML网页文档的属性，以便浏览器和搜索引擎在访问到此网页的时候，可以通过这些描述信息来知道如何去解析此网页数据。用户不可见，它能起到的作用是很大的。
介绍
我个人感觉，
meta标签特别多，特别乱，没有统一的文档查询，要用的时候基本上都是百度的，百度搜索出来的也不知道它的正确性，只有试了才知道。 而且各大浏览器厂商自己也定义了一套私有的meta标签，这样就感觉更加错综复杂了，重要的是各大手机厂商的开发者文档中也很难找到关于私有的meta标签的定义。
meta标签
就 meta 标签来说还是挺简单的，可以参考MDN的介绍
meta 标签主要有几个属性：
- charset：此特性声明当前文档所使用的字符编码，像
UTF-8 - http-equiv：定义了能改变服务器和用户引擎行为的编译，内容基本都是HTTP的头
- content：此属性包含http-equiv 或name 属性的值
- name：该属性定义文档级元数据的名称，就像键一样。
- scheme：不使用了
meta 标签的形式还是很固定的，就像键值对一样，以属性 name 或者 http-equiv 为键，以属性 content 为值。
重要的是这个键值对起到的功能。
app内嵌H5页面中使用到的meta标签
<!-- 定义文档使用的字符编码为UTF-8 -->
<meta charset="UTF-8">
<!-- 优先使用 IE 最新版本和 Chrome -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<!-- 360浏览器提供的控制浏览器内核的Meta标签，极速模式(webkit) -->
<meta name="renderer" content="webkit">
<!-- 设置屏幕为设备宽度，不允许放缩 -->
<meta name="viewport" content="width=device-width,user-scalable=no">
<!-- 忽略页面中的数字识别为电话号码 -->
<meta name="format-detection" content="telephone=no"/>
<!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<!-- HTTPS环境下进行DNS预解析，HTML页面中的a标签会自动启用DNS提前解析 -->
<meta http-equiv="x-dns-prefetch-control" content="on">
<!-- uc浏览器，禁止自动缩放字体 -->
<meta name="wap-font-scale" content="no">
产品WAP站页面使用的 meta 标签
<meta charset="UTF-8">
<!-- 添加智能 App 广告条 Smart App Banner（iOS 6+ Safari），在页面上方显示一个下载banner，引导用户下载app -->
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL" />
<!-- Google网站管理员工具的特定元标记，在做网站seo时，向Google和Yahoo正确提交自己的网站sitemap，对网站的网页收录是大有好处的，这是一种简单而实用的网站SEO方法 -->
<meta name="google-site-verification" content="TUpn2edc5rzdzq7l2gUYLtv32pJnRexIjUhRVW5UgyE" />
<!-- 验证 Bing 网站管理员中心的所有权 -->
<meta name="msvalidate.01" content="B406D4F5316837F26E2A592FA023D74E" />
<!-- 未找到相关信息 -->
<meta name="shenma-site-verification" content="cf2b6fd264063cc16e230d6fc5f4e311_1493791751">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit|chrome">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<!-- 定义网页搜索引擎索引方式，robotterms是一组使用英文逗号「,」分割的值，通常有如下几种取值：none，noindex，nofollow，all，index和follow。 -->
<meta name="robots" content="all">
<!-- 搜索引擎抓取(只对谷歌有效) -->
<meta name="googlebot" content="all">
<!-- 此标记只是禁止百度显示该网页的快照，百度会继续为网页建索引，并在搜索结果中显示网页摘要 -->
<meta name="baiduspider" content="all">
<!-- 当网站没有对应移动版页面或百度未能识别适配时，百度会把PC版自动转码为移动版，这样就会损失一些广告收入，需要在页面中添加如下代码禁止百度转码 -->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="wap-font-scale" content="no">
<!-- 页面主关键词，一般是5个词左右，用英文逗号分隔 -->
<meta name="keywords" content="" />
<!-- 标签写页面的简介描述，一般在110字以内。（Google的话120字以内 -->
<meta name="description" content="" />
<!-- 海外产品额外的meta -->
<!-- 设置在apple上以应用模式启动时，是否全屏，应该是pwa的桌面图标 -->
<meta name="apple-touch-fullscreen" content="yes" />
<!-- 设置苹果工具栏颜色 -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- 添加到主屏后的标题（iOS 6 新增） -->
<meta name="apple-mobile-web-app-title" content="Dreame">
产品PC站中使用的 meta 标签
<meta name="robots" content="all">
<meta name="googlebot" content="all">
<meta name="baiduspider" content="all">
<meta name="google-site-verification" content="TUpn2edc5rzdzq7l2gUYLtv32pJnRexIjUhRVW5UgyE" />
<!-- 跟google-site-verification类似吧 -->
<meta name="360-site-verification" content="02215906540e33322c44f63829fa7783" />
<meta name="sogou_site_verification" content="1Q2udIMPkM" />
<meta name="baidu-site-verification" content="c3OEX7sjgm" />
<meta name="baidu_union_verify" content="fac4f382206126af4ce5e8df090c7b83">
<meta name="msvalidate.01" content="B406D4F5316837F26E2A592FA023D74E" />
<meta name="shenma-site-verification" content="7858437c2f0e0506edf56d8051b505de_1493962254"/>
<!-- 360站长广告 -->
<meta name='360_ssp_verify' content='f2ccc9269bbf3980e3cde32a46b81556' />
<meta name="description" content="">
<meta name="keywords" content="">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=Edge,chrome=1">
<meta name="renderer" content="webkit">
<!--页面适合在PC上进行浏览，如果content=“pc,mobile”则说明页面同时适合在移动设备和PC上进行浏览-->
<meta name="applicable-device" content="pc">
meta 标签真是特别多、特别杂，我觉得主要分为SEO类、移动端类 还有 各大厂商私有的。大概记住认识常用的就ok吧，其他的要使用的时候搜索一下就行吧。
