meta标签中的http-equiv和name属性使用介绍
文章目录
1.name属性
name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
meta标签的name属性语法格式是：
<meta name="参数" content="具体的参数值">。
1.1 Keywords(页面关键词)
说明：keywords规定一个逗号分隔的关键词列表 - 相关的网页（告诉搜索引擎页面是与什么相关的）。
举例： <meta name="keywords" content="teacher,education,student">
1.2 description(页面描述 SEO)
说明：规定页面的描述。搜索引擎会把这个描述显示在搜索结果中。。
举例：<metaname="description"content=“Thispageisaboutthemeaningofscience,education,culture.”>
1.3 author(网页作者 SEO)
说明：name="auther"这个属性值的；Content属性后的“作者信息”可以是网页的制作人名称，别名，昵称等，也可以是制作组的名称，还可以是EMAIL地址，及网页地址
举例： <meta name="author" content="fengyang,fengyang@xxxx.com">
1.4 renderer(浏览器默认以哪种浏览器内核浏览当前网站)
说明：HTML代码中的标签name=“renderer” 属性用于告诉浏览器默认以哪种浏览器内核浏览当前网站，浏览器就会在读取到这个属性后，会立马切换到对应的模式。
用法格式：
直接在和之间添加以下代码，并指定浏览器内核类型；
<meta name="renderer" content="浏览器内核类型">
content的取值主要有三种浏览器内核，分别是：
webkit：使用的webkit内核，属于极速模式，常用于网站的高速浏览，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常；
ie-comp：使用IE兼容模式，就是用IE6，IE7，IE8的渲染模式，网站打开速度比极速模式略低，但网页兼容性问题较少，常用于网银、交易支付、旧版网站，
ie-stand：属于IE标准模式，网站会使用IE9及以上版本的渲染方式渲染，支持硬件加速、支持IE9及以上版本全新的脚本渲染引擎；
举例： <meta name="renderer" content="webkit">
温馨提示：
1、content的三个取值webkit、ie-comp、ie-stand区分大小写；
2、该属性主要被360浏览器支持，其他浏览器是否支持目前未知；
2. http-equiv属性
http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
meta标签的http-equiv属性语法格式是：
<meta http-equiv="参数"content="参数变量值">
2. 1 Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法 <meta http-equiv="expires" content="Wed, 13 Jun 2022 22:33:00 GMT">
注意：必须使用GMT的时间格式。
2. 2 Pragma(cache模式)
说明： 用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从cache中再调出html代码，这样设置会导致访问者无法脱机浏览。
用法：<meta http-equiv="Pragma" content="no-cache">
注意：这样设定，访问者将无法脱机浏览。
2. 3 Refresh(刷新)
说明：自动刷新并指向新页面。
用法： <meta http-equiv="Refresh" content="2;URL=http://www.jb51.net">(注意后面的引号，分别在秒数的前面和网址的后面)
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
2. 4 Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wed,10 Apr 2022 16:44:59 GMT;path=/">
注意：必须使用GMT的时间格式。
2. 5 Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法： <meta http-equiv="Window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面。
2. 5 content-Type(显示字符集的设定)
说明：告诉浏览器当前文档是html网页类型的文件及该网页内容的字符编码是UTF-8
charset 属性是 HTML5 中的新属性，且替换了：<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">仍然允许使用 http-equiv 属性来规定字符集，但是使用新方法可以减少代码量
用法： <meta http-equiv="content-type" content="text/html;charset=UTF-8">
2.6 X-UA-Compatible
X-UA-Compatible 属性是 IE 浏览器在 IE8 版本开始提供的一个特性，允许开发者通过设置 meta 标记来规定 IE 浏览器在解析网页时使用的文档模式
<meta http-equiv="X-UA-Compatible" content="IE=7" />
以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。 这在IE7、IE6中无效，因为 X-UA-Compatible 是 IE8 才开始支持的。
<meta http-equiv="X-UA-Compatible" content="IE=8" />
以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。
<meta http-equiv="X-UA-Compatible" content="IE=9" />
这不仅在IE7、IE6中无效，在 IE8 中也无效，因为不能模拟高于当前的版本。
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
根据例子代码，IE浏览器将总是使用最新版本的文档模式，如用 IE8 访问就是 IE8 文档模式，用 IE9 访问就是 IE9 模式，用 IE10 访问就是 IE10 模式，用 IE11 访问就是 IE11 模式。
注意：此声明并不是多此一举，如果你不使用 IE=edge 标记，IE浏览器会根据你的网页内容采用兼容视图，可能采用更低版本。
除非不准备兼容所有旧版IE，否则也不建议使用这个语法
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
这段代码的意思是，如果安装了 Google Chrome Frame （谷歌浏览器內嵌框架）则使用谷歌浏览器内核模式，否则使用最新的IE模式。