首页  ·  知识 ·  前端
HTML页面头部标记知识
网友      编辑:dezai   图片来源:网络
HTML页面头部标记知识
 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>

本文作者:网友 来源:网络
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读