Meta标签常用属性

前端

一、http-equiv属性

http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值是content，content中的内容就是各个参数的变量值。meta标签的用法：

<meta http-equiv="参数" content="参数值" />

1.Expires:用于设定网页的到期时间。网页一旦到期，必须从服务器接收数据。

＜meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"＞

2.Pragma:cache模式-用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从cache中再调出，从而无法脱机浏览

＜meta http-equiv="Pragma" content="no-cache"＞ 

3.Set-Cookie:cookie设定-如果网页过期，那么存盘中的cookie将被删除

＜meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"＞ 

4.Refresh：刷新机制-表示自动刷新并指向新页面

＜meta http-equiv="Refresh" content="2；URL=http://www.net.cn/"＞

2指的是2秒后自动刷新到新的URL网址。
5.Window-target:显示窗口的设定-强制页面在当前窗口以独立页面显示，防止别人在框架里调用自己的页面

＜meta http-equiv="Window-target" content="_top"＞

6.content-Type：设定页面使用的字符集

＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞

7.Pics-label：网页等级评定，在IE的Internet选项中可以设置来防止浏览一些受限制的网站，网站的限制级别就是通过这个属性来设置的

<meta http-equiv="Pics-label" contect=""> 

8.cache-control:清除缓存，再次访问这个网站要重新下载

<meta http-equiv="cache-control" content="no-cache"> 

9.Access-Control-Allow-Origin:跨域请求

<meta http-equiv="Access-Control-Allow-Origin" content="*">

允许跨域访问

10.content-language:显示语言的设定

<meta http-equiv="Content-Language"content="zh-cn"/> 

11.imagetoolbar:指定是否显示图片工具栏，false表示不显示

<meta http-equiv="imagetoolbar"content="false"/> 

12.Content-Script-Type:W3C网页指定页面中的脚本的类型：

<meta http-equiv="Content-Script-Type"Content="text/javascript">

二、name属性

name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
1.keywords:设置关键字，给搜索引擎用的

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

2.description：页面描述

<meta name="description" content="This is my page"> 

3.robots:用于告诉搜索机器人哪些页面需要索引，哪些页面不用

<meta name="robots"content="none">

content的参数有all（文件将被检索，且页面上的链接可以被查询）,none（文件将不被检索，且页面上的链接不可以被查询）,index（文件将被检索）,noindex（文件将不被检索，但页面上的链接可以被查询）,follow（页面上的链接可以被查询）,nofollow（文件将被检索，但页面上的链接不可以被查询）。默认是all。

4.author:标注网页的作者

<meta name="author"content="root,root@xxxx.com">

5.generator:说明网站采用什么软件做的

<meta name="generator"content="信息参数"/>

6.copyright:网站版权信息

<meta name="copyright" content="信息参数">