HTML头部及其标签
<head></head>,表示这是HTML网页的头文件部分,用来说明文件命名和与文件本身的相关信息。通常这部分标签是声明次网页的:默认语言、关键字、使用软件等,个别的标签产生页面动作。在复杂的网页中,如CSS样式表,Javascript语言等,这部分十分的重要。
1. meta标签
是head部分的一个辅助标签,位于html文档头部的<head>标签和<title>标签之间,提供用户不可见的东西。可分为两大部分:http标题信息(http-equiv)和页面描述信息(name)。
(1)http标题信息(http-equiv)
基本语法:<meta http-equiv=”类型” content=”内容”>
类型有:
- 显示字符集:content-Type
设定显示字符集,就说明主页制作时所使用的文字语言,浏览器会根据这个设置来调用相应的字符集再显示出page的内容,如:
<meta http-equiv=”content-type” content=”text/html;charset=GB2132”>
使用的字符集是GB2132,即国标汉字码。BIG5字符集则是繁体中文Big5码。当浏览一些国外的网站时,IE浏览器会提示要正确显示该页面需要下载xx语言支持,这个就是通过读取html页面meta标签content-type属性而得知的,如日文对的字符集是”iso-2022-jp”,韩文的字符集是”ks_c_5601”
- 刷新:refresh
让网页多长时间(秒)刷新自己,或多长时间后自动链接到其他网页。
用法:<meta http-equiv=”refresh” content=”30”>
如:<meta http-equiv=”refresh” content=”10;url=http://www,njupt.edu.cn”>
这句将起到网页自动刷新的的作用。
Content内容为:刷新延时时间(秒);打开的网页名称。
- 期限:expires
指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。
用法:<meta http-equiv=”expires” content=”0”>
如:<meta http-equiv=”expires” content=”Wed,26 Feb 1997 08:21:57 GMT”>
必须使用GMT的时间格式,或者设为0(表示多少时间后过期)
- Cach模式:pragma
禁止浏览器本地机的缓存中调阅页面内容。
用法:<meta http-equiv=”pragma” content=”No-cach”>
网页不保存在缓存中,每次访问都刷新网页,这样,访问者将无法脱机浏览。
- Cookie设置:set-cookie
浏览器访问某个页面时会将它存在缓存中,下次访问时就可以从缓存中读取,以提高速度,如果希望访问者每次都刷行广告的图标,或每次都刷新计数器,就要禁止缓存。通常html文件没有必要禁止,但对于asp等页面,就可以禁用缓存,因为每次看到的野蛮都是咋服务器中动态生成的,缓存就是去了意义,如果网页过期,那么存盘的cookie将被删除。
用法:
<meta http-equiv=”set-cookie”
content=”cookievalue=xxx,expiures=Wendesday,21-Oct-9816:14:21 GMT ;path=/”>
此处必须用GMT的时间格式。
显示窗口的设定:window-target
强制页面再当前窗口以独立页面显示。
用法:<meta http-equiv=”window-target” content=”_top”>
Content包括:_blank、_top 、_self 、_parent
页面进入与退出: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是动态滤镜的一种,产生渐隐效果,另一种动态滤镜也可以用于进入好人退出效果,如:
<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.
(1)页面描述信息(name)
该属性用于说明和描述网页,name是描述网页的,对应于content(网页内容),以便于搜索机器人查找、分类(几乎所有的搜素引擎都会使用网上机器人自动查找meta值来给网页分类)。Name的取值(name=””)指定所提供信息的类型,其中有的已经定义好的,如:
Description(说明)、keywords(关键字)、refresh(刷新)等,也可以指定其他任意值,如:creationdate(创建日期)、document ID(文档编号)和level(等级)等。
基本语法:
<meta name=”名称” content=”内容”>
具体用法:
关键词:keywords
用于声明网页的关键字,由Internet搜索引擎完成关键字索引,正规网站中的主页和关键内容应该有关键字。
用法:
<meta name=”keywords” content=”关键字1,关键字2,关键字3,...”>
每个关键字间用英文符号(,)隔开。
如:
<meta neme=”keywords” content=”旅游,计算机知识介绍,网上交友”>
当数个meta元素提供文档语言从属信息时,搜索引擎会使用lang特性来过滤并通过用户的语言优势先参照来显示搜索结果。
如:
<meta name=”keywords” lang=”EN” content=”vacation,greece,sunshine”>
<meta name=”keywords” lang=”FR” content=”vacans,greece,solei”>
简介:description
用来描述网页的主要内容,搜索引擎一般也会通过这个属性来检索这个网站,但不显示出来。
用法:
<meta name=”description” cntent=”你网页的描述”>
机器人向导:robots
告诉搜索机器人哪些网页需要索引,哪些不需要。
用法:
<meta name=”robots” content=”All”>
Content的参数有All,None,Index,Noindex,Follow,Nofllow,默认是All。其含义为:
All:文件将被检索,且页面上的链接可以被查询。
None:文件将不被检索,且页面上的链接不可以被查询(和“noindex,no follow”起相同的作用)。
Index:文件将被检索(让robot/spider登录)。
Follow:页面上的链接可以被查询。
Noindex:文件将不被检索,但在页面上链接可以被查询(不让robot/spider登录)。
Nofollow:文件将不被检索,但在页面上链接可以被查询(不让robot/spider顺着此页的链接往下查找)。
作者:author
标注网页的作者或者制作组。
用法:<meta name=”author” content=”张三,abc@sina.com”>
Content可以是:网页制作者或网页制作组的名字,或E-mail.
版权:copyright
本属性用于标注版权。
用法:<meta neme=”copyright” content=”本页版权归xxx所有。All Right reserved”>
编辑器:generator
编辑器的说明。
用法:<meta name=”generator” content=”PCDATA|FrontPage|”>
Content=”你所用的编辑器”,其中双引号内可以填写frontpage等。
重访:revisit-after
设定重新访问的时间间隔,以天为单位。
用法:<meta name=”revisit-after” content=”7 days”>
设定的以7天为时间间隔再次访问本网页。
(3)其他标签
方案:scheme
当name用于解释content的内容时,可以使用本标签。
用法:
<meta scheme=”ISBN” name=”identifier” content=”0-14-043205-1”/>
这里声明一个ISBN标识符,它的内容是0-14-043205-1。
链接:link
链接到某个文件,用法:<link href=”soim.ico” rel=”Shortcut Icon”>
如果用户把某个网站保存在收藏夹后,也许会发现它带着一个小图标,如果再次单击进入之后还会发现地址栏中也有小图标。如果在<head>中加上这段话,就能轻松实现这一功能。<link>用来将目前文件与其他URL进行链接,但不会有链接按钮用于<head>标签之间。
<link href=”URL” rel=”relationship”>
<link href=”URL” rev=”relationship”>
基连接:base
加入网站基链接属性,用法:
<base href=”http://www.xupt.edu.cn/” target=”_blank”>
加了这一句后,网页所有的相对路径在链接时都会自动在前面加上”http://www.xupt.edu.cn/”。
Target=”_blank”是链接文件在新的窗口打开。改”_parent”时链接文件在当前窗口的父级窗口中打开。改为”_self”时链接文件在当前窗口(帧)中打开。改为”_top”时链接文件全屏显示。