相信学习HTML的人都会知道Meta标签，那么什么是Meta标签呢？
定义及用法
<meta>是用来在HTML文档中模拟HTTP协议的响应头报文。META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。
常见的<meta>标签用法
meta标签可分为两大部分：http-equiv和name变量
http-equiv
1.<meta http-equiv="content-Type" content="text/html; charset=utf-8">代表说明此网页的编码格式为utf-8；
2.<meta http-equiv="X-UA-Compatible" content="IE=7"> 以上代码说明IE浏览器会以IE7引擎渲染页面；
3.<meta http-equiv="X-UA-Compatible" content="IE=8"> 以上代码说明IE浏览器会以IE8引擎渲染页面；
4.<meta http-equiv="X-UA-Compatible" content="IE=edge"> 以上代码说明IE浏览器会以最高版本IE引擎渲染页面；
5.<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame渲染(需要安装有Google Chrome Frame)；
6.<meta http-equiv="expires" content="Sunday 26 October 2020 03:00 GMT" />设置网页过期时间 注：必须使用GMT的时间格式GMT生成方法document.write(new Date().toGMTString())；
7.<meta http-equiv="Refresh" content="5;URL=https://www.baidu.com">自动刷新并跳转新的页面 注：5代表5秒后跳转；
8.<meta http-equiv="Set-Cookie"content="cookie value=xxx;expires=Friday,12-Jan-200118:18:18GMT；path=/">如果网页过期，那么自动删除本地cookie；
9.<meta http-equiv="Window-target" content="_top">强制页面在当前窗口以独立页面显示 注:_blank 在新窗口显示;
_top 当前整个窗口显示;
_parent 父容器显示，比如框架嵌套;
_self 当前容器显示，比如框架嵌套;
10.<meta http-equiv="cache-control" content="no-cache">缓存机制
注：Public：指示响应可被任何缓存区缓存；
Private：指示对于单个用户的整个或部分响应消息，不能被共享缓存处理。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效；
no-cache：指示请求或响应消息不能缓存；
no-store：用于防止重要的信息被无意的发布。在请求消息中发送将使得请求和响应消息都不使用缓存；
max-age：指示客户机可以接收生存期不大于指定时间（以秒为单位）的响应；
min-fresh：指示客户机可以接收响应时间小于当前时间加上指定时间的响应；
max-stale：指示客户机可以接收超出超时期间的响应消息。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息；
name
1.<meta name="author" content="quchangguang" />标注网页的作者；
2.<meta name="keywords" content="长春，长春资讯">网页关键字，SEO用于被搜索引擎收录；
3.<meta name="description" content="长春资讯网是新闻门户网站军事基地觉得觉得设计阶段">页面描述，用于搜索引擎收录；
4.<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1, minimum-scale=1, user-scalable=no">用于控制页面缩放 注：常用于移动端
width:可视区域的宽度，值可为数字或关键词device-width；
height:同width；
intial-scale:页面首次被显示是可视区域的缩放级别，取值1.0则页面按实际尺寸显示，无任何缩
放；
maximum-scale=1.0, minimum-scale=1.0;可视区域的缩放级别；
maximum-scale用户可将页面放大的程序，1.0将禁止用户放大到实际尺寸之上；
user-scalable:是否可对页面进行缩放，no 禁止缩放；
5.<meta name="renderer" content="webkit">//默认webkit内核
<meta name="renderer" content="ie-comp">//默认IE兼容模式
<meta name="renderer" content="ie-stand">//默认IE标准模式 注：指定如360等双核浏览器以何种方式渲染页面；
6.<meta name="generator" content="Microsoft"/>说明网页以什么软件制作；
7.<meta name="revised" content="资讯网, 8/30/2019"/>网页文档的修改时间；
8.<meta name="robots" content="none"/>SEO用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引
注：all：文件将被检索，且页面上的链接可以被查询；
none：文件将不被检索，且页面上的链接不可以被查询；
index：文件将被检索；
follow：页面上的链接可以被查询；
noindex：文件将不被检索，但页面上的链接可以被查询；
nofollow：文件将不被检索，页面上的链接可以被查询。
9.<meta name="copyright" content="本页版权XXX所有。All Rights Reserved" />版权信息；
10.<meta name="location" content="province=北京;city=北京;coord=116.4138,39.8992">设置指定地点用户查看
注：province为省份简称
city为城市简称
coord是页面信息的经纬度坐标，采用的是bd0911坐标。
以上是我总结和收集的一些<meta>标签。
网友评论