HTML Head 参数详解
2013年10月13日
⁄ 综合
⁄ 共 5283字 ⁄ 字号
小 中 大
- head区是指首页HTML代码的<head>和</head>之间的内容。
-
- 必须加入的标签
-
- 1
.公司版权注释
-
- <!--- The site is designed bywebjx.com 06
/
2006
--->
-
- 2
.网页显示字符集
-
- 简体中文:<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=iso-8859-1"
>
-
- 3
.网页制作者信息
-
- <META name="author"
content=
"Evance"
>
-
- 4
.网站简介
-
- <META NAME="DESCRIPTION"
CONTENT=
"xxxxxxxxxxxxxxxxxxxxxxxxxx"
>
-
- 5
.搜索关键字
-
- <META NAME="keywords"
CONTENT=
"xxxx,xxxx,xxx,xxxxx,xxxx,"
>
-
- 6
.网页的css规范
-
- <LINK href="style/style.css"
rel=
"stylesheet"
type=
"text/css"
>
-
- 7
.网页标题
-
- <title>xxxxxxxxxxxxxxxxxx</title>
-
- .可以选择加入的标签
-
- 1
.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
-
- <META HTTP-EQUIV="expires"
CONTENT=
"Wed, 26 Feb 2006 08:21:57 GMT"
>
-
- 2
.禁止浏览器从本地机的缓存中调阅页面内容。
-
- <META HTTP-EQUIV="Pragma"
CONTENT=
"no-cache"
>
-
- 3
.用来防止别人在框架里调用你的页面。
-
- <META HTTP-EQUIV="Window-target"
CONTENT=
"_top"
>
-
- 4
.自动跳转。
-
- <META HTTP-EQUIV="Refresh"
CONTENT=
"5;URL=http://www.webjx.com"
>
-
- 5
指时间停留
5
秒。
-
- 5
.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
-
- <META NAME="robots"
CONTENT=
"none"
>
-
- CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
-
- 6
.收藏夹图标
-
- <link rel = "Shortcut Icon"
href=
"favicon.ico"
>
-
- 所有的javascript的调用尽量采取外部调用.
-
- <SCRIPT LANGUAGE="javascript"
SRC=
"script/xxxxx.js"
></SCRIPT>
-
- 附<body>标签:
-
- <body>标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景<body bgcolor="#FFFFFF"
>
-
-
- 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种:
-
- ● 在搜索引擎中登录自己的个人网站
-
- ● 在知名网站加入你个人网站的链接
-
- ● 在论坛中发帖子宣传你的个人网站
-
- 很多人却忽视了HTML标签META的强大功效,一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性,有兴趣吗,谁我来重新认识一下META标签吧!
-
-
META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的<HEAD>标记和<TITLE>标记之
间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设
定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。
-
- 详细介绍
-
- 下面介绍一些有关 标记的例子及解释。
-
- META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。
-
- ★HTTP-EQUIV
-
- HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有:
-
- 1
、Content-Type和Content-Language (显示字符集的设定)
-
- 说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。
-
- 用法:<Meta http-equiv="Content-Type"
Content=
"text/html; Charset=gb2312"
>
- <Meta http-equiv="Content-Language"
Content=
"zh-CN"
>
-
-
注意: 该META标签定义了HTML页面所使用的字符集为GB2132,就是国标汉字码。如果将其中的“charset=GB2312”替换成
“BIG5”,则该页面所用的字符集就是繁体中文Big5码。当你浏览一些国外的站点时,IE浏览器会提示你要正确显示该页面需要下载xx语支持。这个功
能就是通过读取HTML页面META标签的Content-Type属性而得知需要使用哪种字符集显示该页面的。如果系统里没有装相应的字符集,则IE就
提示下载。其他的语言也对应不同的charset,比如日文的字符集是“iso-2022
-jp ”,韩文的是“ks_c_5601”。
-
- Content-Type的Content还可以是:text/xml等文档类型;
-
- Charset选项:ISO-8859
-
1
(英文)、BIG5、UTF-
8
、SHIFT-Jis、Euc、Koi8-
2
、us-ascii, x-mac-roman, iso-
8859
-
2
, x-mac-ce, iso-
2022
-jp, x-sjis, x-euc-jp,euc-kr, iso-
2022
-kr, gb2312, gb_2312-
80
, x-euc-tw, x-cns11643-
1
,x-cns11643-
2
等字符集;Content-Language的Content还可以是:EN、FR等语言代码。
-
- 2
、Refresh (刷新)
-
- 说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。
- 用法:<Meta http-equiv="Refresh"
Content=
"30"
>
- <Meta http-equiv="Refresh"
Content=
"5; Url=http://www.webjx.com"
>
- 注意:其中的5
是指停留
5
秒钟后自动刷新到URL网址。
-
- 3
、Expires (期限)
-
- 说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
- 用法:<Meta http-equiv="Expires"
Content=
"0"
>
- <Meta http-equiv="Expires"
Content=
"Wed, 26 Feb 1997 08:21:57 GMT"
>
- 注意:必须使用GMT的时间格式,或直接设为0
(数字表示多少时间后过期)。
-
- 4
、Pragma (cach模式)
-
- 说明:禁止浏览器从本地机的缓存中调阅页面内容。
- 用法:<Meta http-equiv="Pragma"
Content=
"No-cach"
>
- 注意:网页不保存在缓存中,每次访问都刷新页面。这样设定,访问者将无法脱机浏览。
-
- 5
、Set-Cookie (cookie设定)
-
-
说明:浏览器访问某个页面时会将它存在缓存中,下次再次访问时就可从缓存中读取,以提高速度。当你希望访问者每次都刷新你广告的图标,或每次都刷新你的
计数器,就要禁用缓存了。通常HTML文件没有必要禁用缓存,对于ASP等页面,就可以使用禁用缓存,因为每次看到的页面都是在服务器动态生成的,缓存就
失去意义。如果网页过期,那么存盘的cookie将被删除。
- 用法:<Meta http-equiv="Set-Cookie"
Content="cookievalue=xxx; expires=Wednesday,
- 21
-Oct-
98
16
:
14
:
21
GMT; path=/">
- 注意:必须使用GMT的时间格式。
-
- 6
、Window-target (显示窗口的设定)
-
- 说明:强制页面在当前窗口以独立页面显示。
- 用法:<Meta http-equiv="Widow-target"
Content=
"_top"
>
- 注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent。
-
- 7
、Pics-label (网页RSAC等级评定)
- 说明:在IE的Internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级
- 别就是通过该参数来设置的。
- 用法:<META http-equiv="Pics-label"
Contect=
- "(PICS-1.1
'http://www.rsac.org/ratingsv01.html'
- I gen comment 'RSACi North America Sever'
by
'inet@microsoft.com'
- for
'http://www.microsoft.com'
on
'1997.06.30T14:21-0500'
r(n0 s0 v0 l0))">
-
- 注意:不要将级别设置的太高。RSAC的评估系统提供了一种用来评价Web站点内容的标准。用户可以设置Microsoft Internet Explorer(IE3.0
以上)来排除包含有色情和暴力内容的站点。上面这个例子中的HTML取自Microsoft的主页。代码中的(n
0
s
0
v
0
l
0
)表示该站点不包含不健康内容。级别的评定是由RSAC,即美国娱乐委员会的评级机构评定的,如果你想进一步了解RSAC评估系统的等级内容,或者你需要评价自己的网站,可以访问RSAC的站点:http:
-
- 8
、Page-Enter、Page-Exit (进入与退出)
-
- 说明:这个是页面被载入和调出时的一些特效。
- 用法:<Meta http-equiv="Page-Enter"
Content=
"blendTrans(Duration=0.5)"
>
- <Meta http-equiv="Page-Exit"
Content=
"blendTrans(Duration=0.5)"
>
- 注意:blendTrans是动态滤镜的一种,产生渐隐效果。另一种动态滤镜RevealTrans也可以用于页面进入与退出效果:
-
- <Meta http-equiv="Page-Enter"
Content=
"revealTrans(duration=x, transition=y)"
>
- <Meta http-equiv="Page-Exit"
Content=
"revealTrans(duration=x, transition=y)"
>
-
-
- Duration 表示滤镜特效的持续时间(单位:秒)
- Transition 滤镜类型。表示使用哪种特效,取值为0
-
23
。
-
- 0
矩形缩小
- 1
矩形扩大