HTML语言基础

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的内容，如：

使用的字符集是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将被删除。

用法：

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

这个是页面被载入和调出的一些特效。

用法：

blendTrans是动态滤镜的一种，产生渐隐效果，另一种动态滤镜也可以用于进入好人退出效果，如：

其中，duration表示滤镜特效持续时间（秒），transition为滤镜类型，表示使用哪种特效，取值为0~23.

（1）页面描述信息（name）

该属性用于说明和描述网页，name是描述网页的，对应于content（网页内容），以便于搜索机器人查找、分类（几乎所有的搜素引擎都会使用网上机器人自动查找meta值来给网页分类）。Name的取值（name=””）指定所提供信息的类型，其中有的已经定义好的，如:

Description(说明)、keywords（关键字）、refresh（刷新）等，也可以指定其他任意值，如：creationdate（创建日期）、document ID（文档编号）和level（等级）等。

基本语法：

具体用法：

关键词：keywords

用于声明网页的关键字，由Internet搜索引擎完成关键字索引，正规网站中的主页和关键内容应该有关键字。

用法：

每个关键字间用英文符号(,)隔开。

如：

当数个meta元素提供文档语言从属信息时，搜索引擎会使用lang特性来过滤并通过用户的语言优势先参照来显示搜索结果。

如：

简介:description

用来描述网页的主要内容，搜索引擎一般也会通过这个属性来检索这个网站，但不显示出来。

用法：

机器人向导：robots

告诉搜索机器人哪些网页需要索引，哪些不需要。

用法：

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=”张三，[email protected]”>

Content可以是：网页制作者或网页制作组的名字，或E-mail.

版权：copyright

本属性用于标注版权。

编辑器：generator

编辑器的说明。

用法:<meta name=”generator” content=”PCDATA|FrontPage|”>

Content=”你所用的编辑器”，其中双引号内可以填写frontpage等。

重访：revisit-after

设定重新访问的时间间隔，以天为单位。

用法：<meta name=”revisit-after” content=”7 days”>

设定的以7天为时间间隔再次访问本网页。

（3）其他标签

方案:scheme

当name用于解释content的内容时，可以使用本标签。

用法：

这里声明一个ISBN标识符，它的内容是0-14-043205-1。

链接：link

链接到某个文件，用法：<link href=”soim.ico” rel=”Shortcut Icon”>

如果用户把某个网站保存在收藏夹后，也许会发现它带着一个小图标，如果再次单击进入之后还会发现地址栏中也有小图标。如果在<head>中加上这段话，就能轻松实现这一功能。<link>用来将目前文件与其他URL进行链接，但不会有链接按钮用于<head>标签之间。

基连接：base

加入网站基链接属性，用法:

加了这一句后，网页所有的相对路径在链接时都会自动在前面加上”http://www.xupt.edu.cn/”。

Target=”_blank”是链接文件在新的窗口打开。改”_parent”时链接文件在当前窗口的父级窗口中打开。改为”_self”时链接文件在当前窗口（帧）中打开。改为”_top”时链接文件全屏显示。

HTML语言基础

悦读