META属性值用法（第二次更新）

最新推荐文章于 2023-04-24 19:15:00 发布

weixin_34148340

最新推荐文章于 2023-04-24 19:15:00 发布

阅读量128

点赞数

原文链接：https://my.oschina.net/anhoo/blog/324852

版权

为什么80%的码农都做不了架构师？>>>

http-equiv属性

<Meta http-equiv="Page-Exit" Content="blendTrans(Duration=0.5)">
blendTrans是动态滤镜的一种，产生渐隐效果。这个是页面被载入和调出时的一些特效。滤镜效果设置其他方法：<Meta http-equiv="Page-Exit" Content="revealTrans(duration=x, transition=y)">
Duration表示时间(单位：秒) Transition表示使用哪种特效，取值为0-23。
0 矩形缩小　　　1 矩形扩大　　2 圆形缩小　　3 圆形扩大　　4 下到上刷新　　　　5 上到下刷新
6 左到右刷新　　7 右到左刷新　8 竖百叶窗　　9 横百叶窗　　10 错位横百叶窗　　11 错位竖百叶窗
12 点扩散
13 左右到中间刷新　14 中间到左右刷新
15 中间到上下　　　16 上下到中间　　　17 右下到左上
18 右上到左下　　　19 左上到右下　　　20 左下到右上
21 横条　　　　　　22 竖条　　　　　　23 以上
22种随机选择一种

Expires(期限)
说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。指定网页在缓存中的过期时间，一旦网页过期，必须到服务器上重新调阅。注意：必须使用GMT的时间格式，或直接设为0(数字表示多少时间后过期)。用法：<meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT">
注意：必须使用GMT的时间格式。

Pragma(cache模式)
说明：禁止浏览器从本地计算机的缓存中访问页面内容。
用法：<meta http-equiv="Pragma" content="no-cache">
注意：这样设定，访问者将无法脱机浏览。

Refresh(刷新)
说明：自动刷新并指向新页面。
用法：<meta http-equiv="Refresh" content="2;URL=http://www.root.net">(注意后面的引号，分别在秒数的后面和网址的前面)
注意：其中的2是指停留2秒钟后自动刷新到URL网址。

Set-Cookie(cookie设定)
说明：如果网页过期，那么存盘的cookie将被删除。浏览器访问某个页面时会将它存在缓存中，下次再次访问时就可从缓存中读取，以提高速度。当你希望访问者每次都刷新你广告的图标，或每次都刷新你的计数器，就要禁用缓存了。通常HTML文件没有必要禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器动态生成的，缓存就失去意义。如果网页过期，那么存盘的cookie将被删除。

用法：<meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/">
注意：必须使用GMT的时间格式。

Window-target(显示窗口的设定)
说明：强制页面在当前窗口以独立页面显示。
用法：<meta http-equiv="Window-target" content="_top">
注意：用来防止别人在框架里调用自己的页面。强制页面在当前窗口以独立页面显示。可防止别人在框架里调用你的页面。Content选项：_blank、_top、_self、_parent。

content-Type(显示字符集的设定)
说明：设定页面使用的字符集。
用法：<meta http-equiv="content-Type" content="text/html; charset=gb2312">
第二种方法：<meta charset="gbk"/>

content-Language（显示语言的设定）
用法：<meta http-equiv="Content-Language" content="zh-cn" />

Content-Script-Type

用法：<Meta http-equiv="Content-Script-Type" Content="text/javascript">

说明：页面中脚本的类型，符合W3C规范

name属性

页面关键词（搜索引擎关注）如：

页面简介和相关描述，如：

robots相关用法，默认值是all，此项用的时候一定要仔细了。 all：文件将被搜索引擎检索；

none：文件将不被搜索引擎检索；(和 "noindex, no follow" 起相同作用)

index：文件将被搜索引擎检索；

follow：页面上的链接可以被搜索引擎查询；

noindex：文件将不被搜索引擎检索，但页面上的链接可以被查询；(不让robot/spider登录)

nofollow：文件将被搜索引擎检索，页面上的链接不被查询

noarchive -在搜索结果中不保存当前页面的快照

noshippet - 在搜索结果中不采用当前页面的头部描述信息，且不保存当前页面的快照

NOODP -搜索结果中不使用开放目录如DMOZ中的描述信息，Yahoo、MSN也支持此类标签。

NONE -不索引当前页面以及其中的所有链接，相当于“NOINDEX, NOFOLLOW”

content值里面填写作者相关的信息

版权信息填写（Copyright--版权）

使用软件、编辑器信息

其它
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
　1、width : 控制viewport的大小，可以指定一个值，如600，或者特殊的值，如device-width为设备的宽度（单位为缩放为100%的CSS的像素）
　2、height : 和width相对应，指定高度
　3、initial-scale : 初始缩放比例，页面第一次加载时的缩放比例
　4、maximum-scale : 允许用户缩放到的最大比例，范围从0到10.0
　5、minimum-scale : 允许用户缩放到的最小比例，范围从0到10.0
　6、user-scalable : 用户是否可以手动缩放，值可以是：①yes、 true允许用户缩放；②no、false不允许用户缩放