html头部标识的相关知识

发布时间:2020-10-20编辑:脚本学堂
本文介绍下,有关html头部标识head的基本语法与常用标记,有需要的朋友参考学习下。

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="jbxue 脚本学堂" > 这里设定了HTML文档的关键字。
设定描述:<META name="description" CONTENT="现在是由脚本学堂为您讲解的是HTML的头部标记。" >
设定作者:<META name="author" CONTENT="jbxue Studio!" > 这里设定了HTML文档的作者。
设定建立网站的日期:<META name="build" CONTENT="2009.12.25" >

说明版权:
 

复制代码 代码示例:
<META name="copyright" CONTENT="脚本学堂" >

记载联系人的邮箱:
 

复制代码 代码示例:
<META name="reply-to" CONTENT="webmaster@jb200.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://www.jb200.com" > 5秒后页面自动跳转到http://www.jb200.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>实例 - www.jb200.com</title>
</head>
<body>
……
</body>
</html>