<meta>http-equiv属性和name属性
2017-05-05 本文已影响170人
叨叨侠爱叨叨
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
<base target="_blank" />
</head>
meta标签共有两个属性，它们分别是http-equiv属性和name属性
1、name:<meta name="参数" content="具体的参数值"> 。
A、keywords
<meta name ="keywords" content="science, education,culture,politics,ecnomics，relationships, entertaiment, human">
B、description
<meta name="description" content="This page is about the meaning of science, education,culture.">
C、robots
content的参数有all,none,index,noindex,follow,nofollow。默认是all。
<meta name="robots" content="none">
D、author
<meta name="author" content="root,root@21cn.com">
2、http-equiv属性
<meta http-equiv="参数" content="参数变量值">
http-equiv="Content-Type" 表示描述文档类型
content="text/HTML; 文档类型，这里为html,如果JS就是text/javascript，
charset=utf-8 页面字符集，编码，eg:gb2312,iso-8859-1,utf-8
A、Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。
用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意：必须使用GMT的时间格式。
B、Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
用法：<meta http-equiv="Pragma" content="no-cache">
注意：这样设定，访问者将无法脱机浏览。
C、Refresh(刷新)
说明：自动刷新并指向新页面。
用法：<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号，分别在秒数的前面和网址的后面)
注意：其中的2是指停留2秒钟后自动刷新到URL网址。
D、Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。
用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT； path=/">
注意：必须使用GMT的时间格式。
E、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：<meta http-equiv="Window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面。
F、content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
用法：<meta http-equiv="content-Type" content="text/html; charset=gb2312">
G、content-Language（显示语言的设定）
用法：<meta http-equiv="Content-Language" content="zh-cn" />
以下两种写法均正确，后者描述更精准，但目前浏览器和操作系统都只支持前者，使用新标准可能会造成无法匹配浏览器用户定义字体、网页翻译、程序语言自动切换等功能，前端和码农为了兼容性推荐使用前者：
zh-CN 中文 (简体, 中国大陆) 对应 cmn-Hans-CN 普通话 (简体, 中国大陆)
zh-SG 中文 (简体, 新加坡) 对应 cmn-Hans-SG 普通话 (简体, 新加坡)
zh-HK 中文 (繁体, 香港) 对应 cmn-Hant-HK 普通话 (繁体, 香港)
zh-MO 中文 (繁体, 澳门) 对应 cmn-Hant-MO 普通话 (繁体, 澳门)
zh-TW 中文 (繁体, 台湾) 对应 cmn-Hant-TW 普通话 (繁体, 台湾)
-----------------------------------------------日常积累---------------------------------------------------------
focus：兼容性考量
<meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>
使IE7 IE8浏览器使用IE7模式渲染。IE9就用自己的IE9模式渲染。
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
IE=edge告诉IE使用最新的引擎渲染页面，
chrome=1则可以激活Google Chrome Frame。
达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果没安装GCF，
则使用最高版本的IE内核进行渲染。Google Chrome Frame（谷歌内嵌浏览
器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页
时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多
个版本的IE浏览器。
