meta有什么作用

在html的head标签中，会使用很多的meta标签，例下：

那么这些标签有什么作用呢？

解释

meta，称为元数据。元数据是对数据的描述。可能你会有些疑惑，什么叫做元数据。举个例子，以前在背单词的时候，在单词表上只会有"hello: 你好"，以及音标信息，还会有一段对hello的解释，而这段解释可以理解为元数据，即描述数据的数据。

html，本身是描述信息的数据，而mata就是对整个html文件信息的描述。

在mata中，常见的有两种格式

meta使用k,v的结构，在content中是对name的一个详细描述，比如name="keywords"，content是说明当前的html中是编程, 前端, 极客, Call, Apply, Bind关键字的描述。比如name="viewport"，主要是应用于移动设备，决定当前页面的一个锚，所有的element的像素布局相当于这个viewport定义的大小。

而http-equiv是则是http的传输相关，如上的Cache-Control，当前页面使用content中对应策略，no-cache不使用客户端的缓存。

meta和SEO

因为meta是对当前页面的内容的精简描述，所有有利于SEO，比如在meta中设置了keywords，description等，搜索引擎会放出"蜘蛛"，去抓取页面中的"关键信息"，然后放到搜索引擎的服务中，所有设置合适的meta有利于搜索引擎优化

使用第三方的服务，生成meta组

如果你不知道应该有一个什么样的meta标签组，可以使用该网站HEY META，你只需要输入如description，keywords等信息，它会生成专门针对Google，Facebook，Twitter的meta组，喜欢的可以访问尝试下。如使用一个之前博客的，生成的meta组如下