江苏龙网

  1. 主页 > 生活百科 > >

SEO优化干货：meta属性详解( 二 )

meta属性


注意：必须使用GMT的时间格式 。
E、Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示 。
用法：<meta http-equiv="Window-target"content="_top">
注意：用来防止别人在框架里调用自己的页面 。
F、content-Type(显示字符集的设定)
说明：设定页面使用的字符集 。
用法：<meta http-equiv="content-Type"content="text/html;charset=gb2312">
具体如下：
meta标签的charset的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
meta标签的charset的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
meta标签的charset的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
meta标签的charset的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
meta标签的charset的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
meta标签的charset的信息参数如UTF-8时，代表世界通用的语言编码；
 
G、content-Language（显示语言的设定）
用法：<meta http-equiv="Content-Language"content="zh-cn"/>
 
H、Cache-Control指定请求和响应遵循的缓存机制 。
Cache-Control指定请求和响应遵循的缓存机制 。在请求消息或响应消息中设置Cache-Control并不会修改另一个消息处理过程中的缓存处理过程 。请求时的缓存指令包括no-cache、no-store、max-age、max-stale、min-fresh、on
ly-if-cached，响应消息中的指令包括public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age 。各个消息中的指令含义如下
Public指示响应可被任何缓存区缓存
Private指示对于单个用户的整个或部分响应消息，不能被共享缓存处理 。这允许服务器仅仅描述当用户的部分响应消息，此响应消息对于其他用户的请求无效
no-cache指示请求或响应消息不能缓存
no-store用于防止重要的信息被无意地发布 。在请求消息中发送将使得请求和响应消息都不使用缓存 。
max-age指示客户机可以接受生存期不大于指定时间（以秒为单位）的响应
min-fresh指示客户机可以接收响应时间小于当前时间加上指定时间的响应
max-stale指示客户机可以接收超出超时期间的响应消息 。如果指定max-stale消息的值，那么客户机可以接收超出超时期指定值之内的响应消息 。
 
J、http-equiv="imagetoolbar"
<meta http-equiv="imagetoolbar"content="false"/>
指定是否显示图片工具栏，当为false代表不显示，当为true代表显示 。
 
K、Content-Script-Type
<Meta http-equiv="Content-Script-Type"Content="text/JAVAscript">
W3C网页规范，指明页面中脚本的类型 。
 
什么是Viewport手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分 。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持 。
Viewport 基础
一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下：
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>
width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 css 的像素） 。
height：和 width 相对应，指定高度 。
initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例 。
maximum-scale：允许用户缩放到的最大比例 。
minimum-scale：允许用户缩放到的最小比例 。
user-scalable：用户是否可以手动缩放
 
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式（比如IE6），以此来解决部分兼容问题，例如模拟IE7的具体方式如下：
< meta http-equiv = "X-UA-Compatible" content ="IE=EmulateIE7" />
但令我好奇的是，此处这个标记后面竟然出现了chrome这样的值，难道IE也可以模拟chrome了？


推荐阅读


上一篇：独立站的权重计算你了解吗？

下一篇：关于基带芯片，苹果多次栽跟头，自研基带芯片有多难？