META标签用来描述一个HTML网页文档的属性,例如作者、日期和时间、网页描述、关键词、页面刷新等。
指定字符集
<meta charset="utf-8">
向搜索引擎说明网页的关键词
<meta name="keywords" content="关键词">
告诉搜索引擎你的站点的主要内容
<meta name="description" content="主要内容">
告诉搜索引擎你的站点的制作的作者
<meta name="author" content="Tiboo">
响应式页面
<meta name="viewport" content="width=device-width, initial-scale=1.0">
定时让网页在3秒内跳转到指定url
<meta http-equiv="refresh" content="3" url="https://huaban.com/">
X-UA-Compatible是自从IE8新加的一个设置,对于IE8以下的浏览器是不识别的。 通过在meta中设置X-UA-Compatible的值,可以指定网页的兼容性模式设置。
如果安装了谷歌浏览器内嵌框架 (Google Chrome Frame)简称GCF,则使用GCF来渲染页面 ("chrome=1"), 如果没有安装GCF,则使用最高版本的IE内核进行渲染 ("IE=edge")。X-UA-Compatible(浏览器采取何种版本渲染当前页面)
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
浏览器的内核控制
<meta name="renderer" content="webkit|ie-comp|ie-stand">
国内的主流浏览器都是双核浏览器:基于Webkit的内核用于常用网站的高速浏览,基于IE的内核主要用于部分网银、政府、办公系统等网站的正常使用。
以360为例:只要在网站里增加一个meta标签,告诉360浏览器这个网站应该用哪个内核渲染,那么360浏览器就会在读取到这个标签后,立即切换对应的内核,并将这个行为应用于这个二级域名下所有网址。
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">