自学前端最先，我对meta标签打仗不多，重要把精神都集合在能显现出来的标签上，比方span、button、h1等等。有时刻去检察一些着名网站的源码，发明head标签里有一大摞的meta。
本日就来进修一下meta的用途，看看有些啥属性。
一、定义及作用
meta，即元数据（Metadata）是数据的数据信息。
该标签供应了 HTML 文档的元数据。元数据不会显现在客户端，然则会被阅读器剖析。
一般用于指定网页的形貌，关键词，文件的末了修正时刻，作者及其他元数据。
元数据能够被运用阅读器（怎样显现内容或从新加载页面），搜刮引擎（关键词），或其他 Web 效劳挪用。
二、属性
| charset(htm5新增) | 定义文档的字符编码 |
| content | 定义与 http-equiv 或 name 属性相干的元信息。 |
| http-equiv | http相应头 |
| name | 属性称号 |
| scheme (htm5烧毁) | 翻译 content 属性的值的计划 |
1、charset
HTML5新增的属性，定义当前页面的字符编码
新写法：
<meta charset="UTF-8">
老写法：
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
HTML5中优先用新写法
2、name属性
a、keywords，当前网页的关键字，便于搜刮引擎辨认，进步搜刮准确性
<meta name="keywords" content="cdn，收集加快，运营商">
b、description，对当前网页的简朴形貌，假如用百度搜刮的话，在搜刮效果的每一个题目下面会显现description的内容，轻易用户疾速定位
<meta name="description" content="本公司专注供应CDN收集加快，同时也供应云盘算效劳">
c、viewport，这个meta有点庞杂，重要用在挪动网页中，须要零丁写一篇文章，这里临时略过
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
d、robots，搜刮引擎爬虫的索引体式格局
<meta name="robots" content="none">
content的取值有all、none、index、noindex、follow、nofollow，默许是all，细致的申明如表格所示：
| all | 文档能够被索引，文档中的链接能够被查询 |
| none | 文档不能被索引，同时文档中的链接不能被查询 |
| index | 文档能够被索引 |
| noindex | 文档不能被索引，然则文档中的链接能够被查询 |
| follow | 文档中的链接能够被查询 |
| nofollow | 文档能够被索引，然则文档中的链接不能被查询 |
e、author，文档的作者
<meta name="author" content="liuhw，liuhuansir@126.com">
f、copyright，文档的版权申明
<meta name="copyright" content="liuhw">
g、revisit-after，搜刮引擎爬虫重访的时刻距离，假如你的网站不常常更新，那能够把这个时刻设置的稍长一些，能稍微的减轻效劳器的压力，节约带宽资本
<meta name="revisit-after" content="5 days" >
h、renderer，双核阅读器的衬着体式格局，指定默许用哪一个阅读器内核来衬着，比方360阅读器：
<meta name="renderer" content="webkit"> //默许webkit内核 <meta name="renderer" content="ie-comp"> //默许IE兼容形式 <meta name="renderer" content="ie-stand"> //默许IE规范形式
3、http-equiv
模仿http里的头，回传给效劳器一些信息
a、expires，网页的到期时刻，逾期以后，须要从新接见效劳器
<meta http-equiv="expires" content="Sunday 26 October 2018 01:00 GMT" />
b、pragma(兼容http1.0，1.1)，cache-control(http1.1新增)，设置缓存体式格局，发起用cache-control，该属性的content细致参考http里的cache-control
<meta http-equiv="cache-control" content="no-cache">
c、refresh，自动革新并跳转到content中声明的url
<meta http-equiv="refresh" content="5；URL=http://www.liuhw.club/"> //5秒后跳转向我本身的域名
d、set-cookie，增加cookie
<meta http-equiv="set-cookie" content="TOKEN_KEY=81BBF72619795017B6AC214AE705F1F8; Domain=10.1.100.111; Path=/">
e、content-Type，文档的字符编码，同charset，发起运用charset
<meta http-equiv="content-type" content="text/html;charset=gb2312">
f、x-ua-compatible，通知阅读器用哪一个版原本衬着文档
<meta http-equiv="x-ua-compatible" content="IE=edge,chrome=1"/> //指定IE和Chrome运用最新版本衬着当前页面
总结一下，上面只是列出了一些经常使用的属性，没有列出来的等须要用到的时刻再查文档
【相干引荐：HTML5视频教程】
以上就是html meta标签运用及属性的细致分析的细致内容，更多请关注ki4网别的相干文章！
