meta标签的使用

元数据(Metadata)是数据的数据信息.
<meta>标签提供了HTML文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
1、定义文档关键词,用于搜索引擎:
<meta name="keywords" content="html,css,xml,xhtml,javascript">
2、定义web页面描述:
<meta name="description" content="free web tutorials on html and css">
3、定义页面作者:
<meta name="author" content="cacti">
4、每30秒刷新页面:
<meta http-equiv="refresh" content="30">
5、360浏览器meta标签使用--使用极速模式(即webkit内核)
若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">
6、meta标签控制ie渲染标准模式和兼容模式
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7,IE=EmulateIE9" />
<meta http-equiv="X-UA-Compatible" content="IE=7,9" />
文档模式(document mode)是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS,可以使用JavaScript的哪些API,以及如何对待文档类型(doctype)。
从上面的例子可以看出"X-UA-Compatible"的值有两种方式:Emulate+IE版本号,单纯版本号。这两种有何区别呢?
Edge:始终以最新的文档模式来渲染页面。忽略文档类型声明。对于IE8,始终以IE8标准模式渲染页面。IE9亦如此。
EmulateIE9:如果声明了文档类型,则以IE9标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE8:如果声明了文档类型,则以IE8标准模式渲染页面,否则将文档模式设置为IE5。 EmulateIE7:如果声明了文档类型,则以IE7标准模式渲染页面,否则将文档模式设置为IE5。
9:强制以IE9标准模式渲染页面,忽略文档类型声明。
8:强制以IE8标准模式渲染页面,忽略文档类型声明。
7:强制以IE7标准模式渲染页面,忽略文档类型声明。
5:强制以IE5标准模式渲染页面,忽略文档类型声明。

也许你在实际使用 X-UA-Compatible 的时候,可能会出现不管用的情况,其实,不能单单的只是加:meta,还需要,把DOCTYPE的定义去掉,其实这样就可以了:<!DOCTYPE html> 。快检查一下,你的代码中是不是还是这个:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 改掉试试

posted @ 2015-04-30 10:33  cacti_vc  阅读(247)  评论(0编辑  收藏  举报