首页 > 代码库 > HTML 之 Meta

HTML 之 Meta

前言

html中的meta标签用于提供页面相关的元信息。以键值对的形式定义。出现在head标签之间。

meta标签具有以下几个属性:

content(必须): 与name属性对应,标识元信息的值。

name: 标识元信息的名称。

http-equiv: 将content属性关联到http头部,指示服务器在发送文档给浏览器之前在http头部加入相关的键值对。

scheme: 定义用于翻译content属性值的格式。

注:html文档的meta标签不需要结束标签,而xhtml必须正确地关闭标签。

 

常见meta标签

 

1.<meta http-equiv="X-UA-Compatible" content="IE=7" >

IE8新增的一个属性(IE8以下浏览器不识别不起作用),用于指定页面的渲染模式。该属性必须定义在head标签内除了title和其他meta标签之外的所有标签之前。

<meta http-equiv="X-UA-Compatible" content="IE=7" > // 告诉IE浏览器使用IE7引擎渲染。

<meta http-equiv="X-UA-Compatible" content="IE=edge" > // 告诉IE浏览器使用最高版本的IE引擎渲染。

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" > // 告诉IE浏览器使用最高版本的IE引擎渲染,激活Google Chrome Frame.

Google Chrome Frame(GCF,谷歌内嵌浏览器框架): 可用于内嵌于IE浏览器,用户使用IE浏览器,但实际上是使用chrome引擎来渲染页面。 

因此,上面的定义可以理解为:当用户使用IE浏览器访问网页时,如果浏览器安装了GCF,则使用Chrome的引擎来渲染页面,否则使用最高版本的IE引擎来渲染页面。

 

2.<meta charset="utf-8" >

指定页面的字符编码。

 

3.<meta name="renderer" content="webkit" >

用于指定浏览器内核,例如webkit,ie-comp,ie-stand...

 

4.<meta name="keywords" content="keyword1,keyword2,keyword3" >

用于描述介绍网站的关键词,主要是提供给搜索引擎优化。

HTML 之 Meta