美文网首页
<meta>http-equiv属性和name属性

<meta>http-equiv属性和name属性

作者: 叨叨侠爱叨叨 | 来源:发表于2017-05-05 15:32 被阅读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浏览器。        
    

    相关文章

      网友评论

          本文标题:<meta>http-equiv属性和name属性

          本文链接:https://www.haomeiwen.com/subject/cxfstxtx.html