小皮博客 | Xiaopi's Blog

15-网页中meta标签详解

标签在页面属性中的常用用法:在SEO优化中meta标签的作用不可忽视

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95

<!--文件将被检索,且页面上的链接可以被查询;-->
<meta name="Robots" content="all">

<!--防止微软IE自动加载的网页标签和网页转码后添加的标签-->
<meta name="MSSmartTagsPreventParsing" content="true" />

<!--表明网站由何种软件制作-->
<meta name="generator" content="php" />

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

<!--Refresh代表多少时间网页自动刷新-->
<meta http-equiv="Refresh" content="时间; Url=网址参数">

<!--代表Cookie设定,如果网页过期,存盘的cookie将被删除\,需要注意的也是必须使用GMT时间格式;-->
<meta http-equiv="set-cookie" contect="Mon\,12 May 2001 00:20:00 GMT">

<!--禁止浏览器端的缓存,并且不能脱机浏览 但是与服务器端的缓存无关-->
<meta http-equiv="pragma" content="no-cache">

<!--指定是否显示图片工具栏,当为false代表不显示,当为true代表显示。-->
<meta http-equiv="imagetoolbar" content="false" />

<!--W3C网页规范,指明页面中脚本的类型-->
<meta http-equiv="content-Script-Type" content="text/javascript">

<!--revisit-after代表网站重访\,7 days代表7天,依此类推。-->
<meta name="revisit-after" content="7 days" >

<!--防止自己的网页被当作一个frame页被别的网页嵌套 尤其是google adsense更要防止如此\,因为有可能会被认为你在作弊-->

<meta http-equiv="windows-Target" contect="_top">

第二部分:<meta>标签定义基本的属性:元数据可能是在很多情况下优先被收录或者被搜索引擎解析并且呈现的字段,好的描述和结构十分重要。

<!--页面描述-->

<meta name="description" content="小皮博客" />

<!--页面自己声明的关键字-->
<meta name="keywords" content="小皮博客 IT技术 移动互联网 系统架构" />

<!--当判断出客户端为移动手机终端时,页面执行的逻辑-->
<meta http-equiv="mobile-agent" content="format=html5; url=http://wap.uefacl-cn.com/wap_url" />

<!--页面的作者,元数据的描述意义很类似于书籍封底的版权声明,一般包括ISBN,作者等等-->
<meta name="author" content="xiaopi" />

<!--版权声明-->
<meta name="Copyright" content="XIAOPIBLOG | 小皮博客" />

<!--字符集-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<!--语言-->
<meta http-equiv="Content-Language" content="zh-CN" />

第三部分:<meta>标签作为第三方的元数据描述标签,很多服务或者大的平台都会使用meta标签作为标记或者是用其实现某些功能,这些功能的语义大多数情况下是附加的。

<!--alexa是一个专业的网站排名服务提供商-->
<meta name="alexaVerifyID" content="<?php echo $alexaVerifyID; ?>" />

<!--注册自己的新浪开放平台微博帐号,就可以让用户通过新浪微博的帐号登陆你的网站,当然具体实现请察看新浪微博的api-->
<meta property="wb:webmaster" content="webmasterkey" />

第四部分:<meta>标签告知浏览器需要显示的动画特效,这个用途虽然很犀利,但是确并不为大家所熟知,并且实际应用中也很少。使用meta标签,我们还可以在进入网页或者离开网页的一刹那实现动画效果,我们只要在页面的html代码中的<head></head>;标签之间添加如下代码就可以了:
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0\,transition=20)">
一旦上述代码被加到一个网页中后,我们再进出页面时就会看到一些特殊效果,这个功能其实与FrontPage2000中的Format/Page Transition一样,但我们要注意的是所加网页不能是一个Frame页; RevealTrans动态滤镜
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种随机选择一种

版权声明

本文标题:15-网页中meta标签详解

文章作者:盛领

发布时间:2015年02月02日 - 01:24:55

原始链接:http://blog.xiaoyuyu.net/post/6b8fd752.html

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

如您有任何商业合作或者授权方面的协商,请给我留言:sunsetxiao@126.com

盛领 wechat
欢迎您扫一扫上面的微信公众号,订阅我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!