对meta标签的再次认识

Posted tiboo

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对meta标签的再次认识相关的知识,希望对你有一定的参考价值。

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"> 

以上是关于对meta标签的再次认识的主要内容,如果未能解决你的问题,请参考以下文章

手机网页制作的认识(有关meta标签)

手机网页制作的认识(有关meta标签)

对WEB标准以及W3C的理解与认识

meta标签 bead标签

meta 标签大全

如何理解meta标签