郑州网站建设业务咨询热线:0371-65349913 / 15333818157
当前位置:网站首页 >> 建站知识 >>

网页制作中页面head区域编码的用法和作用


发布人:郑州网站建设公司(郑州凯讯)    发布日期:2015-03-04

网页的head区域是指<head>与</head>之间的编码部分,这一部分的编码对整个网页十分重要,也是网页制作人员非常重视的区域,可以说是整个网页的头部,既有重要标签title,也有对SEO网站优化起重要作用的keywords标签,因此,好好地、熟练地掌握head区域编码的语法,有效地对head区域进行编码,对一个网页乃至对于整个网站来说都很有意义。下面,郑州网站建设公司的小编整理了几个head区域常用的编码语法及其作用,在下面列了出来,可供建站用户和网站建设技术人员参考。

1、网页标题:
用法:<title>这里是本网页的标题</title>
作用:指明网页的标题,通常为了网站SEO考虑,网站标题不能太长,应限定在30个字以内,标题内可加入2-3个主打关键词,同时保持标题的可读性,并清楚地表达出本网页的主题。

2、网页显示字符集:
用法:针对不同的语言网站,可指定不同的字符集,但utf-8用的多一些,中文网站也可指定gb2312,以下是几个字符集的例子:
简体中文:<meta http-equiv="Content-type" content="text/html; charset=gb2312">
繁体中文:<meta http-equiv="Content-type" content="text/html; charset=big5">
英文网站:<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 也可指定 iso-8859-1 字符集。

3、关键词设置:
用法:<meta name="keywords" content="关键词1,关键词2,关键词3,...">
作用:指定本网页的关键词,是出于网站SEO方面的考虑而设置,有利于本网页关键词排名,但网页内容中必须要出现这些关键词。

4、网页的描述(简介):
用法:<meta name="description" content="这里填网页的描述信息">
作用:指定本网页的描述信息,供搜索引擎抓取分析,描述信息应清晰完整地阐述网页的内容和作用,以便有利于蜘蛛分析内容。

5、网页制作作者信息:
用法:<meta name="author" content="郑州网站建设公司(郑州凯讯公司)官网(www.kxcom.cn)技术开发团队">
作用:指明网页制作的作者是谁,更加丰富head区域的内容。

6、刷新网页:
用法:<meta http-equiv="Refresh" Content="10">
<meta http-equiv="Refresh" Content="10" url="http://www.kxcom.cn" >
作用:每隔一定的描述,刷新本网页,或者转向指定的网页,Content 里指明时间间隔的秒数,url为指定要转向的网页。

7、设定网页的到期时间:
用法:<meta http-equiv="expires" content="wed, 26 feb 1997 08:21:57 gmt">
作用:此设置表示本地网页存在时间,在存在时间内,一旦再次打开本网页,则直接从本地调取,而一旦网页过期,则再次打开本网页时必须到服务器上重新下载才能浏览。

8、设置缓存控制:
用法:<meta http-equiv="Cache-Control" content="max-age=86400" />
作用:此功能与 expires 有类似之处,指明网页缓存的时间,content内指明缓存的秒数, 86400表示一天时间,也就是在一天内再次打开该网页时,都从本地调取,超过一条时间再次打开时则重新从服务器上下载网页,max-age指定的时间也可以根据情况代称其他的秒数,比如可以设置10天时间即864000。

9、禁止浏览器从本地机的缓存中打开页面:
用法:<meta http-equiv="pragma" content="no-cache">
作用:在打开页面时不从本地调取,直接从服务器端下载打开。

10、网页搜索机器人或者蜘蛛抓取规则:
语法:<meta name="robots" content="规则"> 常用的规则包括all、none、index、noindex、follow、nofollow等,默认是all。
作用:用来告诉搜索机器人或者蜘蛛哪些页面需要索引,哪些页面不需要索引。规则介绍如下:
all:文件将被检索,且页面上的链接可以被查询;
none:文件将不被检索,且页面上的链接不可以被查询;(和 noindex,no follow 起相同作用)
index:文件将被检索;(让robot/spider索引)
follow:页面上的链接可以被查询;
noindex:文件将不被检索,但页面上的链接可以被查询;(不让robot/spider索引)
nofollow:文件将不被检索,页面上的链接可以被查询。(不让robot/spider顺着此页的连接往下爬行)

11、指定唯一网址:
用法:<link rel="canonical" href="http://www.kxcom.cn">
作用:用来解决由于网址形式不同内容相同而造成的内容重复问题,可以让搜索引擎只抓取你想要强调的内容。可用于对带有参数的网址进行指定唯一收录网址。

12、指定版权信息:
语法:<meta name="Copyright" Content="本网页版权归郑州网站建设公司(郑州凯讯公司)所有,All Rights Reserved">
作用:指明版权归属信息。

13、指定基准URL:
用法:<base href="http://www.kxcom.cn">
作用:为页面上所有相对URL地址指定基准的URL,这样在网页中所有以相对路径的地址都将转化为直接的网址来链接和打开。

14、CSS网页规范(链接到CSS文件):
语法:<link href="style/style.css" rel="stylesheet" type="text/css">
作用:链接到站内的CSS样式文件,样式文件内的设置可以直接应用与本网页。

15、防止别人在框架里调用你的页面:
语法:<meta http-equiv="window-target" content="_top">
作用:打开本网页只能在top窗口打开,不能在框架内打开,防止别人从框架内打开本网页。

16、网页地址栏前的图标:
语法:<link rel = "shortcut icon" href="favicon.ico">
作用:为网页指明图标,在打开本网页时本图标可以显示到网站地址栏之前。

郑州网站建设优惠活动图片
网站页脚banner图片

版权所有:郑州凯讯