HTML页面头部标记知识

来源：互联网发布：淘宝手机装修在哪里编辑：程序博客网时间：2024/04/30 12:52

HTML头部标记是<HEAD>，主要包含页面的一些基本描述语句。一般位于头部的内容不会直接显示

在网页中，而是通过其他方式起到作用。下面我们看看HTML头部常用的标记：标记描述
<BASE>当前文档的URL全称（基底网址）
<BASEFONT> 设定基准的文字字体、颜色、大小等
<TITLE>设定显示在浏览器上方的标题内容
<ISINDEX>表名问点是一个可用于检索的网关脚本，由服务器自动建立
<META>有关文档本身的元信息，例如关键字、描述等
<STYLE>设定CSS层叠样式表的内容
<LINK>设定外部文件的链接
<SCRIPT>设定页面中程序脚本的内容

<HEAD>与</HEAD>之间的内容不会被显示，但是他们都有自己的特殊含义。

1、标题标记<TITLE>
在HTML文档中，标题文字位于<TITLE>和<TITLE>之间。 <TITLE>的基本语法：

<TITLE>..............</TITLE>

2、基底网址标记<BASE>
<BASE>标记用来设定URL地址，一般用来设定文档的绝对路径，然后在文件中只需写下相对路径

即可。 <BASE>的基本语法：<BASE HREF="URL" TARGET="WINDOW_NAME" >
HERF属性指定了文档的URL位置。
TARGET定义打开页面的窗口，WINDOW_NAME的值可以为“_parent”、“_blank”、“_self”、“_top”

。
属性值描述
_parent 在上一级窗口中打开。一般使用分帧的框架页面。
_blank在新窗口中打开。
_self在同一个帧或窗口中打开，这项一般不用设置。
_top在浏览器的整个窗口中打开，忽略任何框架。

3、基底文字标记<BASEFONT>
<BASEFONT>的基本语法：
<BASEFONT FACE="Font_name,Font_name,Font_name" SIZE="VALUE" COLOR="VALUE">
属性描述
FACE字体（宋体、隶属等）
SIZE字号（14px、12px等）
COLOR 颜色（#FFFFFF、#000000等）

4、元信息标记<META>
<META>标记是实现元数据的主要标记，他能提供文档的关键字、描述、作者等信息，在HTML文

档头部中可以包含多个<META>标记。
标记描述
HTTP-EQUIV生成一个HTTP标题域，他的取值与另一个属性相同。（HTTP-EQUIV=Expires，实际取

值由CONTENT确定。）
NAME如果元数据是以关键字形势出现的，NAME表示关键字，如Author或ID。
CONTENT 关键字取值的内容。

下面举几个例子：
自定义编辑工具：<META name="GENERATOR" CONTENT="Notepad" > 这里定义了编辑工具为记

事本。
设定关键字：<META name="keywords" CONTENT="Ukasky Studio 优卡站长" > 这里设定了HTML

文档的关键字。
设定描述：<META name="description" CONTENT="现在是由优卡站长网为您讲解的是HTML的头

部标记。" >
设定作者：<META name="author" CONTENT="Ukasky Studio!" > 这里设定了HTML文档的作者。
设定建立网站的日期：<META name="build" CONTENT="2009.12.25" >
说明版权：<META name="copyright" CONTENT="优卡天空工作室" >
记载联系人的邮箱：<META name="reply-to" CONTENT="webmaster@ukasky.com" >
限制搜索方式：<META name="robots" CONTENT="VALUE" >
VALUE的值：Index（表示能搜素当前网页）、Nofollow（表示不能搜素当前网页链接的网页）、

Noindex（表示不能搜素当前网页）、None（表示不能搜素当前网页及其连接的网页）。
设定字符集：<META http-equiv="content-type" content="text/html;charset=utf-8" >
设定自动刷新：<META http-equiv="refresh" CONTENT="120" > 每隔120秒自动刷新一次。
设定自动跳转：<META http-equiv="refresh" CONTENT="5;URL=http://zz.ukasky.com" > 5秒后页

面自动跳转到http://zz.ukasky.com
设定禁用缓存：<META http-equiv="cache-control" CONTENT="no-cahe" > 禁用页面缓存。
设定时效期限：<META http-equiv="expires" CONTENT="Sat,11,Dec 2009 11 23 56 GMT" > expires

为网页到期，CONTENT中定义到期时间，格式为：“星期，日月年时分秒 GMT”，都是使用英文

和数字进行设定。
设定转场效果： <META http-equiv="EVENT" CONTENT="REVEALTRANS

(DURATION=VALUE,TRANSITION=NUMBER)" >
EVENT设定进入网页或退出网页，他的值可为：Page-Enter（表示进入网页时的网页过渡效果）；

Page-Exit（表示退出网页时的网页过渡效果）。
DURATION中网页过渡效果的延续时间按，单位（秒）；TRANSITION中网页过渡效果的方式编号，

以下是显示编号对应的效果名称。
效果           编号           效果                           编号
盒状收缩      0              溶解                            12
盒状展开      1              左右相中部收缩         13
圆形收缩      2              中部向左右展开         14
圆形展开      3             上下向中部收缩          15
向上擦除      4             中部向上下展开          16
向下擦除      5             阶梯状向左下展开      17
向左擦除      6             阶梯状向左上展开      18
向右擦除      7             阶梯状向右下展开      19
垂直百合窗 8             阶梯状向右上展开      20
水平百叶窗 9             随机水平线                 21
横向棋盘式 10            随机垂直线                 22
纵向棋盘式 11            随机                            23

HTML转场效果实例：<META http-equiv="Page-Enter" CONTENT="REVEALTRANS

(DURATION=3,TRANSITION=23)" >

注意：一个页面中可以设置多个描述标记。
<html>
<head>
<meta name="Robots" content="all">
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2132">
<meta http-equiv="refresh" content="5">
<title>实例</title>
</head>
<body>
……
</body>
</html>