0x00 前言
说实话这个标签我一直没怎么注意，最近重学前端时才发现了关于这个标签的重要性，今天就来总结一下meta标签的作用吧。
0x01 meta标签简介
meta标签表示不能由其他HTML相关元素（<script> <base> <link> <style> <title>）表示的元数据信息
若定义了name属性，则表示该meta标签提供的是文档级别的元数据，应用于整个页面；
若定义了http-equiv属性，则表示该meta标签是编译指令，提供的信息与类似命名的http头相同；
若定义了charset属性，meta标签是一个字符集声明，他告诉文档使用哪个编码；
若定义了itemprop属性，meta元素表示用户自定义的元数据。
注意，itemprop属性只有在上述三个属性都未定义时才生效。
0x02 name属性
①name = keywords；这个属性告诉搜索引擎你的网页关键字是什么
<meta name="keywords" content="前端查漏补缺">
<meta name="keywords" content="B站,弹幕,字幕,AMV,MAD,MTV,ANIME,动漫,动漫音乐,游戏,游戏解说,ACG,galgame,动画,番组,新番,初音,洛天依,vocaloid"> // 没想到b站关键词居然还有初音和洛天依
②name = robots；这个属性告诉搜索机器人爬虫此页面是否需要被索引
<meta name="robots" content="noindex"> // 告诉爬虫不要索引本页面。
<meta name="robots" content="nofollow"> // 告诉爬虫不要跟踪本页面上的链接。
<meta name="robots" content="nosnippet"> // 告诉搜索引擎不要在搜索结果中显示说明文字。
<meta name="robots" content="noarchive"> // 告诉搜索引擎不要显示快照。
<meta name="robots" content="noodp"> // 告诉搜索引擎不要使用开放目录中的标题和说明。
// 去掉no就是允许
③name = description；这个属性告诉搜索引擎你的网页主要内容
<meta name="description" content="前端查漏补缺,meta标签">
④name = author；这个属性标注网页的作者
<meta name="author" content="小柠">
⑤name = generator;这个属性表示网页使用什么软件制作
<meta name="generator" content="webStorm">
⑥name = COPYRIGHT;这个属性表示网页版权信息
<meta name="COPYRIGHT" content="版权信息">
⑦name = renderer;这个属性告诉双核浏览器优先使用哪个来进行渲染
<meta name="renderer" content="webkit|ie-comp|ie-stand"> // 这里吐槽一下辣鸡360浏览器
0x02 http-equiv属性
①http-equiv = "expires";这个属性规定了网页的过期时间，到期就需要重新上服务器传输
<meta http-equiv="expries" content="Fri,12Jan202018:18:18GMT">
②http-equiv = "Pragma";这个属性禁止从缓存文件中访问页面内容
<meta http-equiv="Pragma"content="no-cache"> // 禁止脱机浏览
③http-equiv = "Reflash";这个属性规定了网页自动刷新时间
<meta http-equiv="Refresh"content="2;URL=http://www.supproject.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)
④http-equiv = "Set-Cookie"；这个属性规定过期网页删除cookie
<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">
⑤http-equiv = "content-Tpye";这个属性规定网页使用的编码
<meta http-equiv="content-Type"content="text/html;charset=gb2312">
<meta http-equiv="Content-Language"content="zh-cn"/>
⑥w3c规范，指明网页的脚本类型
<meta http-equiv="Content-Script-Type"Content="text/javascript">
0x03 viewport属性与webapp
手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。
由于我没有开发过webapp，这里引用一段网上找到的说明，以后学习了webapp开发应该会回来填这个坑吧（大概）