HTML中帧标签的详细介绍
HTML中帧标签的详细介绍
发布时间:2015-05-12 来源:查字典编辑
摘要:1.2.3.帧是由英文Frame翻译过来的,它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一个帧,而多个帧可以同时显示...

1.<frameset></frameset>

2.<frame>

3.<noframes></noframes>

帧是由英文Frame翻译过来的,它可以用来向浏览器窗口中装载多个Html文件。即每个Html文件占据一 个帧,而多个帧可以同时显示在同一个浏览器窗口中,它们组成了一个最大

的帧,也即是一个包含多个Html文档的Html文件(我称它为主文档) 。帧通常的使用方法是在一个帧中放置目录(即可供选择的链接),然后将Html文件显示在另一个帧中。

1.<frameset></frameset>

<frameset></frameset>标签对放在帧的主文档的<body></body>标签对的外边,也可以嵌在其他帧文档中,并且可以嵌套使用。此标签对用来定义主文档中有几个帧并且各个帧是

如何排列的。它具有rows和cols属性,使用<frameset>标签时 这两个属性至少必须选择一个,否则浏览器只显示第一个定义的帧,剩下的一概不管,<frameset></frameset>标签对

也就没有起到任何作用了。rows用来规定主文档中各个帧的行定位,而cols用来规定主文档中各个帧的列定位。这两个属性的取值可以是百分数、绝对像素值或星号(“*”) ,其中星

号代表那些未被说明的空间,如果同一个属性中出现多个星号则将剩下的未被说明的空间平均分配。同时,所有的帧按照rows和cols的值从左到右,然后从上到下排列。

示例如下:

<frameset rows="*,*,*"> 总共有三个按列排列的帧,每个帧占整个浏览器窗口的1/3

<frameset cols="40%,*,*"> 总共有三个按行排列的帧,第一个帧占整个浏览器窗口的40%,剩下的空间平均 分配给另外两个帧

 <frameset rows="40%,*" cols="50%,*,200"> 总共有六个帧,先是在第一行中从左到右排列三个帧,然后在 第二行中从左到右再排列三个帧,即两行三列,所占空间依据rows和cols属性

的值,其中200的单位是像素 。 

2.<frame>

<frame>标签放在<frameset></frameset>之间,用来定义某一个具体的帧。<frame>标签具有src和 name属性,这两个属性都是必须赋值的。src是此帧的源Html文件名(包括网络路

径,即相对路径或网址),浏览器将会在此帧中显示src指定的Html 文件;name是此帧的名字,这个名字是用来供超文本链接标签<a href="" target="">中的target属性用来指定链接

的Html文件将显示在哪一个帧中。例如定义了一个帧,名字是main,在帧中显示的Html文件名是jc.htm,则代码是<frame src="jc.htm" name="main">,当您有一个链接,在点击

了这个链接后,文件new.htm将要显示在名为main的帧中,则代码为<a href="new.htm" target="main">需要链接的文本</a> 。这样一来,就可以在一个帧中建立网站的目录,加入

一系列链接,当点击链接以后在另一个帧中显示被链接的Html文件。

此外,<frame>标签还有scrolling和noresize属性,scrolling用来指定是否显示滚动轴,取值可以是“yes” (显示)、“no”(不显示)或“auto”(若需要则会自动显示,不需要则自动不显示)

。noresize属性直接加入标签中即可使用,不需赋值, 它用来禁止用户调整一个帧的大小。

 

3.<noframes></noframes>

<noframes></noframes>标签对也是放在<frameset></frameset>标签对之间,用来在那些不支持帧的浏 览器中显示文本或图像信息。在此标签对之间先紧跟<body></body>标签对,

然后才可以使用我们在教程七以前讲过的任何标签。

下边是一个综合示例:

例8 帧标签的综合示例

主文档:

<html>

<head>

<title>帧标签的综合示例</title>

</head>

<frameset cols="25%,*">

<frame src="menu.htm" scrolling="no" name="Left">

<frame src="page1.htm" scrolling="auto" name="Main">

<noframes>

<body>

<p>对不起,您的浏览器不支持“帧”!</p>

</body>

</noframes>

</frameset>

</html>

menu.htm

<html>

<head>

<title>目录</title>

</head>

<body>

<p><font color="#FF0000">目录</font></p>

<p><a href="page1.htm" target="Main">链接到第一页</a></p>

<p><a href="page2.htm" target="Main">链接到第二页</a></p>

</body>

</html>

page1.htm

<html>

<head>

<title>第一页</title>

</head>

<body>

<p align="center"><font color="#8000FF">这是第一页!</font></p>

</body>

</html>

page2.htm

<html>

<head>

<title>第二页</title>

</head>

<body>

<p align="center"><font color="#FF0080">这是第二页!</font></p>

</body>

</html>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新脚本HTML教程学习
热门脚本HTML教程学习
网页设计子分类