HEAD区元素的整理

在HTML代码中＜HEAD＞。。。</HEAD＞之间的代码就是网页头元素，里面的内容不会显现在网页中，因此很容易被别人遗忘，但是如果能够掌握它的概念和使用方法，则是非常有用的。HEAD区的代码主要是用来描述此HTML的一些基本数据，或设置一些特殊功能,例如文档类型、语言编码、JavaScript和VBscript的函数和变量、搜索引擎的关键字和内容提示等。下面根据我学到的知识和在网上查找到的一些资料，我把HEAD区里面的主要标签及内容整理一下。小生才疏学浅有什么不对的地方还请各位多多包涵多多指正。



HEAD区主要标记有以下几种：title标记；LINK标记；META标记；还有一些程序代码,下面我一一来介绍：



一，<title>......</title>标记。
该标记做用是显示网页的标题，用法十分简单，把网页标题放置在<title>和</title>之间既可，该网页标题就会在浏览器的标题栏里出现。



二，link标记：
link标记主要用来定义当前文档和其它文件之间的关系。它的主要作用有：使用CSS的外部样式表，自定义收藏夹的图标。使用方法如下：
1，调用外部样式表：

程序代码

<link rel="stylesheet" href="XXX.css"　type=text/css>

把XXX换成你的CSS文件名既可。　　　　　　　
2，个性图标

程序代码

<link rel="Shortcut Icon" href="favicon.ico">

IE地址栏前换成自己的图标
说明：关于favicon.ico文件的制作。你可以先做一个图片，属于你自己站点的一个小图标，16x16 的图标文件，颜色不要超过 16 色。然后在ACD see将文件属性改为*.ico，然后将你做的*.ICO文件传到你的服务器目录中，然后就可以使用以上代码来实现，当别人登陆你的站点时，地址栏里使用的就是你自定义的图标了。很PP哦。

程序代码

<link rel="Bookmark" href="favicon.ico">

可以在收藏夹中显示出你的图标
说明：制作方法和上面的一样。只是显示的方式不同，这个是在别人收藏你的网页地址时显示的个性图标。也很PP.

三，meta标记
meta标记是head区中使用最多的一种标记，也是最重要的一种标记。它可以记录当前页面的信息，例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息，例如截止日期和页面刷新间隔等。meta标记有两个值（不知道可不可以这样说...-_-!!）：name和http-equiv。下面我们一个一个的来说：
name
name 主要用于描述网页,形式是这样的<meta name="xxx" content="......"> ,其中xxx是要描述的项目名称，content后是具体的描述内容。
name的应用主要有：

1,<meta name="generator" content="说明编辑本网页使用的工具">

2,<meta name="keywords" content="本网页的关键词，以备被搜索引擎收录,不同的关键词之间用逗号隔开">

3,<meta name="description" content="网页的简单描述">

4,<meta name="author" content="网页作者的资料">

5,<meta name="revised" content="该网页的版本">

6,<meta name="others" content="可设置其它有关该网页的信息">

7,<meta name="ROBOTS" content="">
这一条是为机器人自动搜索引擎准备的。其中content=""引号中的值：
设定为"all"时文件将被检索，且页上链接可被查询;
设定为"none"则表示文件不被检索，而且不查询页上的链接;
设定为"index"时文件将被检索;
设定为"follow"则可查询页上的链接;
设定为"noindex"时文件不检索，但可被查询链接;
设定为"nofollow"则表示文件不被检索，但可查询页上的链接.

http-equiv
http-equiv 顾名思义相当于 http 文件头的作用，可以直接影响网页的传输。其使用的形式和name一样，都是这样：<meta http-equiv="xxx" content="......"> xxx是要设置的项目名称，content后是具体的内容。
http-equiv的应用主要有以下方面：

1, 

程序代码

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

网页内容类型，TXT或HTML格式，编码方式为GB2312 （简体中文）

2, 

程序代码

<meta http-equiv="refresh" content="5; URL=index.htm">

设置网页自动跳转，content后跟的是时间，单位是秒。URL是跳转到的网址。

3 

程序代码

,<meta http-equiv="Pragma" content="no-cache">

强制性调用网上的最新版本。浏览器为了节约时间，在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时，直接显示硬盘上的文件，而不是网上的。如果你想让读者每次都看到最新的版本，就加上这句话。

4, 

程序代码

<meta http-equiv="window-target" content="_top">

可以防止网页被别人作为一个Frame调用.

5, 

程序代码

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。

6， 

程序代码

<meta http-equiv="Page-Enter" content="revealTrans(duration=10, transition=50)">

<meta http-equiv="Page-Exit" content="revealTrans(duration=20, transition=6)">
网页间转换时加入效果.加在一个网页中，进出时有一些特殊效果，这个功能即FrontPage 98的Format/Page Transition.不过注意所加网页不能是一个Frame页;

Duration的值为网页动态过渡的时间，单位为秒。Transition是过渡方式，它的值为0到23，分别对应24种过渡方式。如下表：
0， 盒状收缩
1 ，盒状放射
2 ，圆形收缩
3， 圆形放射
4， 由下往上
5 ，由上往下
6 ，从左至右
7 ，从右至左
8， 垂直百叶窗
9 ，水平百叶窗
10 ，水平格状百叶窗
11，垂直格状百叶窗
12， 随意溶解
13，从左右两端向中间展开
14，从中间向左右两端展开
15，从上下两端向中间展开
16，从中间向上下两端展开
17， 从右上角向左下角展开
18 ，从右下角向左上角展开
19 ，从左上角向右下角展开
20 ，从左下角向右上角展开
21， 水平线状展开
22 ，垂直线状展开
23 ，随机产生一种过渡方式

四，HEAD区中还有一些代码。
如CSS代码，和javascript或vbscript代码。
CSS包含在<style>和</style>中。
javascript或vbscript代码要包含在<script>和</script>中。
把javascript或vbscript代码放在HEAD区的好处是可以使程序代码集中放置，这样可以确保在body部分调用代码之前所有程序代码都被读取并解码。