深入理解css系列：meta标签 - 吃人喵
关键字：meta name http-equiv content
一.概念
1.解释
标签提供关于 HTML 文档的元数据，位于head之中。
2.作用
meta定义的元数据不会显示在页面上，但是对于机器（这里指浏览器或者搜索引擎等）是可读的。 大多数情况下，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。
二.属性
主要属性有name和http-equiv，这两个属性的值定义value即属性的名字，同时以content指定该value对应的内容key。
http-equiv中可定义页面字符集，同时HTML5中定义一个新属性charset来定义文档的字符编码，更加直接。
1.name属性
name属性是描述网页的，对应于content，以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
name 属性提供了名称/值对中的名称。
HTML 和 XHTML 标签都没有指定任何预先定义的 名称。通常情况下，您可以*使用对自己和源文档的读者来说富有意义的名称。
(1).keywords:用来告诉搜索引擎你网页的关键字是什么。多关键字之间以半角逗号分隔。
eg:
(2).description:用来告诉搜索引擎你的网站主要内容。 文档描述内容最好是完整的一句话，以不超过50个字符为宜
eg:
(3).robots:用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
通知搜索引擎文档是否需要被索引。可选值有：
- all（默认值，索引当前页并跟踪链接，相当于：index, follow）
- none（忽略当前页，相当于：noindex, nofollow）
- index（索引当前页）
- noindex（不索引当前页）
- follow（跟踪当前页链接，不论当前页是否被索引）
- nofollow（不跟踪当前页链接，不论当前页是否被索引）
(4).author:标注网页的作者
eg:
(5).generator:用以说明生成工具
可废弃
(6).revisit-after:声明搜索引擎抓取间隔
eg:
有时候你可能并不希望站点一直被搜索引擎抓取，而是每间隔一段时间才来访问一次，这时，可以声明revisit-after meta。
(7)viewport:声明viewport视口
eg:
该声明用于指定在移动设备上页面的布局视口如何设置。对于viewport meta的详细设置，请参考：针对移动设备布局视口viewport的详细讲解。
(8).apple-mobile-web-app-title:声明添加到主屏幕的Web App标题
eg：
iOS Safari允许用户将一个网页添加到主屏幕然后像App一样来操作它。我们知道每个App下方都会有一个名字，iOS Safari提供了一个私有的meta来定义这个名字。Android Chrome31.0，Android Browser5.0也开始支持添加到主屏幕了，但并没有提供相应的定义标题的方式，所以如果你想统一iOS和Android平台定义Web app名称的方式，可以使用title标签来定义，代码如下： 1
(9).apple-mobile-web-app-capable:声明添加到主屏幕时隐藏地址栏和状态栏（即全屏）
当我们将一个网页添加到主屏幕时，会更希望它能有像App一样的表现，没有地址栏和状态栏全屏显示.该方案在 iOS 和 Android5.0+ 上都通用。
(10).apple-mobile-web-app-status-bar-style:声明添加到主屏幕时设置系统顶栏颜色
当我们将一个网页添加到主屏幕时，还可以对 系统显示手机信号、时间、电池的顶部状态栏 颜色进行设置，前提是开启了： 1 。
content只有3个固定值可选：default | black | black-translucent 如果设置为 default，状态栏将为正常的，即白色，网页从状态栏以下开始显示； 如果设置为 black，状态栏将为黑色，网页从状态栏以下开始显示； 如果设置为 black-translucent，状态栏将为灰色半透明，网页将充满整个屏幕，状态栏会盖在网页之上； 该设置只在 iOS 上有效。
(11).format-detection:号码识别
开启电话识别
name="format-detection" content="telephone=yes" />