meta标签详解(整理于网络)

来源:互联网 发布:网络用语薯片什么意思 编辑:程序博客网 时间:2024/06/06 05:42

meta标签分为两大部分:http标题信息(http-equiv)和页面描述信息(name)

Http-equiv
类似于http的头部协议,回应给浏览器一些有用的信息(那些信息?),以帮助正确和精确地显示网页内容,常用有:
content-type和content-language,设定页面是用的字符集,以及使用文字的语言
refresh:让网页等待一定时间然后刷新,或者链接到其他网页
举个例子:

<meta http-equiv= "rerfesh" content="30" /><meta http-equiv= "refresh" content="30,url=http://www.baidu.cpm" />

Expires (期限)
说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
用法:

<Meta http-equiv="Expires" Content="0" /><Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT" />

Set-Cookie (cookie设定)
说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标, 或每次都刷新你的计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动 态生成的,缓存就失去意义。如果网页过期,那么存盘的cookie将被删除。
用法:

<Meta http-equiv="Set-Cookie" Content="cookievalue=xxx; expires=Wednesday,21-Oct-98 16:14:21 GMT; path=/" />

Window-target (显示窗口的设定)
说明:强制页面在当前窗口以独立页面显示。
用法:

<Meta http-equiv="Widow-target" Content="_top" />

注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。

X-UA-Compatible
文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性,如何制定你网站的文件兼容性以及如何判断一个网页该使用的文件模式。

指定文件兼容性模式:要为网页指定文件模式,血药在网页中使用meta元素放入X-UA-Compatible http-equiv表头。举个栗子,指定Emulate(仿照,仿真,仿效) IE7 mode兼容性要像这样:

<!-- Mimic Internet Explorer 7 --><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Edge mode指示IE以目前可用的最高模式显示内容。当使用IE8时其等同于IE8 mode。若(假定)未来放出支持更高兼容性模式的IE,使用Edge mode的页面会使用该版本能支持的最高模式来显示内容。同样的那些页面在使用IE8浏览时仍会照常显示。

当要模拟IE7时,指定IE=EmulateIE7,指定IE=5, IE=7, 或IE=8来选择其中一种兼容性模式。你也可以指定IE=edge来指示IE8使用它支持的最高模式

判定文件兼容性模式
IE8支持document object的documentMode功能,代码:
alert(document.documentMode)会返回一个数值对应目前页面的文件兼容性,比如若当前页面支持为IE8模式,则documentMode会返回8。IE8不支持该功能

//javascript判定文件兼容性模式engine = null;if (window.navigator.appName == "Microsoft Internet Explorer")//判定是否为IE浏览器{// This is an IE browser. What mode is the engine in?如果是ie浏览器,那么引擎的模式是什么?if (document.documentMode) // IE8engine = document.documentMode;else // IE 5-7{engine = 5; // Assume quirks mode unless proven otherwiseif (document.compatMode){if (document.compatMode == "CSS1Compat")engine = 7; // standards mode}}// the engine variable now contains the document compatibility mode.}

解释

<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1"/>

重点在于content中的chrome=1:google做的Google Chrome Frame(Goole内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外在不变,但用户在浏览网页时,实际上是用的是google chrome浏览器内核,支持IE6、7、8等多个版本。
未安装GCF插件,想使用GCF进行渲染就是用meta标签
上面那样写可以达到的效果是如果安装了GCF,则使用GCF来渲染页面,如果为安装GCF,则使用最高版本的IE内核进行渲染。
可以直接

<meta http-equiv = "X-UA-Compatible" content = "chrome=1"/>

使用chrome内核渲染

0 0
原创粉丝点击