HTML头文件的各种meta设置

最新推荐文章于 2026-03-31 02:46:21 发布

原创最新推荐文章于 2026-03-31 02:46:21 发布 · 5.4k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#meta #html

HTML 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了HTML中的META标签及其用途，包括如何使用这些标签为搜索引擎优化网站、设置浏览器兼容性和渲染模式，以及如何实现页面自动刷新等功能。

META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。

name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。
　　name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、
document ID(文档编号)和level(等级)等。

1、<meta property="qc:admins" content="23635710066417756375" />

这个是让网站加入QQ登录接口，这段代码可放在<head></head>之间。
申请腾讯接口后，会得到这样的代码，加入接口之后，你的网站上面的注册登录功能，别人可以直接用QQ登录，省去注册的麻烦

2、<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>

设置双核浏器的浏览模式

content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开。

3、<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7″ />

设置IE浏览器的兼容模式，以上分别为IE7和8

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

content="IE=edge,chrome=1" 详解（详见博客：http://www.igooda.cn/jzjl/20130624251.html）

这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6)，以此来解决部分兼容问题，例如模拟IE7的具体方式如下：< meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />

但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了?迅速搜索了一下，才明白原来不是微软增强了IE，而是谷歌做了个外挂：Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器，谷歌这个墙角挖的真给力!　而上文提到的那个meta标记，则是在是安装了GCF后，用来指定页面使用chrome内核来渲染。

GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

安装完成后,如果你想对某个页面使用GCF进行渲染，只需要在该页面的地址前加上 gcf：即可，例如： gcf:http://cooleep.com

但是如果想要在开发时指定页面默认首先使用GCF进行渲染，如果未安装GCF再使用IE内核进行渲染，该如何进行呢?就是使用这个标记。

5、<meta name="baidu-site-verification" content="QIQ6KC1oZ6" />

这个是百度认证你个人网站的，你登录百度站长工具后台，然后点认证站点，就有相应的代码，你把它放到、header前面就可以了。

6、<meata name="viewport" content="width=device-width,initial-scale=1">

包含头部信息用于适应不同的设备。