我们先来说说什么是meta标签。它其实就是HTML中一个非常非常重要的元素，提供了一种标准的方法来集中提供有关页面的元数据，比如描述，关键字，作者等。这可能听起来有点抽象，不过别担心，接下来我就会分别给大家详细解释。
第一，字符集声明。这个就是告诉浏览器，我们的网页使用了哪种字符编码
<meta charset="UTF-8">
第二，视图端口优化。简单来说，就是让我们的网页能够在不同设备上，都能呈现出最佳的效果
<meta name="viewport" content="width=device-width, initial-scale=1">
第三，页面描述和关键字。顾名思义，就是给出网页的简短介绍和主要内容关键字，这对搜索引擎来说是非常重要的
<meta name="description" content="这是网页的简短描述">
<meta name="keywords" content="关键词1, 关键词2, …">
第四，作者声明：这是用于标记页面作者的标签
<meta name="author" content="强明旺">
第五，刷新重定向：meta标签也可以设置网页的自动刷新和重定向。刷新的时间是以秒为单位的，你可以单独设定刷新时间
<meta http-equiv="refresh" content="30">
在上述的例子中，表示页面每30秒刷新一次。你也可以加上 url 来实现重定向
<meta http-equiv="refresh" content="5; url=https://www.baidu.com">
第六，禁用浏览器缓存：有时候，为了防止用户看到过期的数据，禁止浏览器缓存是个不错的办法
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
第七，设定页面的缓存：利用meta标签，我们可以控制页面是否被缓存，以及缓存的方式。Cache-control标签可以设定页面的缓存策略
<meta http-equiv="Cache-control" content="no-cache">
在上述的例子中，no-cache的值表示页面不应被缓存
第八，设定页面的语言：Content-language标签用于设定整个页面的默认语言
<meta http-equiv="Content-Language" content="en">
在上述的例子中，表示该页面的默认语言为英语
第九，搜索引擎索引：robots标签用于控制搜索引擎的索引行为。它可以设定为index, follow, noindex, nofollow
<meta name="robots" content="noindex">
在上述的例子中，表示搜索引擎不会对你的网页进行索引
第十，设定页面的过期日期：可以通过expires标签为网页设定一个过期日期。一旦过了这个日期，页面就会被认为是过时的
<meta http-equiv="expires" content="Wed, 21 June 2005 14:25:27 GMT">
其实，meta标签还有很多高级的用法等着各位去发掘，好的，今天的分享就到这里，希望对大家有所帮助，我们下期再见~
