meta标签的作用

w3school的定义是

• 元数据（metadata）是关于数据的信息。
• 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。
• 典型的情况是，meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。
• 标签始终位于 head 元素中。
• 元数据可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。

meta标签的使用
1.指定名/值元数据对
   指定名/值数据对就需要用到name和content这两个属性，name用来指定元数据的类型，content用来提供值,更多name的取值可以参见https://wiki.whatwg.org/wiki/MetaExtensions，可以看看哪些还可以应用到自己的项目中
   常见的name的值有：

元数据名称	说明
application name	当前所属web应用系统的名称
author	当前页的作者名字
description	当前页的说明
generator	用来生成html的软件名称
keywords	一批以逗号分开的字符串，用来描述页面的内容
viewport	移动端设置
revisit-after	限制爬虫回访时间

• 说明页面的作者

• 关于移动端的设置可以参见
  https://blog.csdn.net/z591102/article/details/108002701这篇博客

• keywords关键字
     keywords关键字是用来描述一个网页的属性，只不过要列出的内容是“关键词”，而不是网页的介绍，以英文的逗号隔开.关键字不易太多，要根据网页的主题和内容来选择适合的关键词，越是核心的关键词越是放到前面，避免使用生僻字

• description
     description也同keywords一样用来描述网站的，但不同的是一个是关键字，一个可以用话来描述，这些信息可能会出现在搜索结果中，因此需要根据网页的实际情况来设计，尽量避免与网页内容不相关的“描述”，一个网站含有很多页面，所以不同的页面要设计不同description，防止description与当前页面描述不符，不仅不利于搜索引擎爬虫的分析，也影响用户的体验。
  比如淘宝页面的description

• robots
     大多数搜索引擎都是通过放出robot/spider搜索网站，robot/spider自动在www上搜索，当发现新的网站后，这些robot/spider会检索页面中的keywords和description，然后加入到自己的数据库中。而Robots用来告诉机器人哪些页面需要索引，哪些页面不需要,默认值是all

• revisit-after
     对于大型网站来说，蜘蛛爬虫访问的次数非常频繁，这样有可能会加重服务器的负担，通过这个属性可以限制爬虫几天访问一次
  

2.声明字符编码
   这是最重要的一个作用了，不进行字符编码的声明，我们的页面就可能会乱码

3.模拟HTTP标头字段http-equiv属性

• 加载页面

   http-equiv属性的用途是指所要模拟的标头字段名称，字段值同样由content指定。上面一段代码的意思是将标头字段refresh的值设为5，作用就是让浏览器每隔五秒再次载入(刷新)页面。如果我们在5后面加上一个分号，再加上一个url地址，页面在5s后跳转至该url地址

• 声明字符编码，与2的效果相同

• 通过meta标签实现动画效果，本人只测试了一两个，感兴趣的小伙伴可以看这篇博客：https://www.cnblogs.com/sukiwqy/archive/2009/12/05/1617771.html
• 其他