将frameset转为html,html frameset标签怎么用?

首先让我们来认识一下什么是htmlframeset标签:

htmlframeset标签的定义和用法:

frameset元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset元素仅仅会规定在框架集中存在多少列或多少行。您必须使用cols或rows属性。

htmlframeset标签的作用:

其作用是指定一个框架集,用于组织多个框架和嵌套框架集。

FRAMESET元素是FRAME元素的容器。HTML文档可包含FRAMESET元素或BODY元素之一,而不能同时包含两者。

如果用户在框架中打开了Web文件夹后单击了Web文件夹中的内容,那么被单击的文件或文件夹将取代整个窗口。例如,假设页面包含两个框架,一个框架指向网址第二个框架指向网络驱动器。如果用户单击第二个框架中的文件或文件夹,该框架将活动整个窗口的控制,包括第一个框架。对于浏览器不能处理的文件类型,如*.txt文件,将会打开对应的应用程序窗口。

尽管Web文件夹是文件系统层次的一部分,但是该技术并不总是表示文件系统中的实际内容。一个典型的例子就是网络邻居。

htmlframeset标签的使用范围:

此元素在Microsoft®InternetExplorer3.0的HTML中可用,在InternetExplorer4.0的脚本中可用。

注意:不能与

标签一起使用标签。不过,如果需要为不支持框架的浏览器添加一个标签,请务必在标签内紧跟标签对,然后才可以使用我们熟悉的任何标签。

HTML

标签实例:

简单的三框架页面:

htmlframeset标签的提示和注释:

提示:需要注意的是,浏览器允许用户手动地为单个框架文档的行或列重新确定大小,并因此改变每个框架在框架显示中各自占据的相对比例,除非你显式地告诉浏览器不要这样做。为了防止这种情况,可以在标签中使用noresize属性。

注释:如果您希望验证某个包含框架的页面,请确保DTD被设置为"FramesetDTD"。阅读更多有关XHTML验证的内容。

重要事项:您不能与

标签一起使用标签。不过,如果您需要为不支持框架的浏览器添加一个标签,请务必将此标签放置在标签中!

htmlframeset标签的可选属性:

图一.png

htmlframeset标签的标准属性:

id,class,title,style

HTML

标签的cols属性和rows属性

htmlframeset标签的作用和用法:

标签有一个必需的属性:要么是rows,要么是cols,这取决于您的选择,它们定义了文档窗口中框架或嵌套的框架集的行或列的大小及数目。

这两个属性都接受用引号括起来并用逗号分开的值列表,这些数值指定了框架的绝对(像素点)或相对(百分比或其余空间)宽度(对列而言),或者绝对或相对高度(对行而言)。这些属性值的数目决定了浏览器将会在文档窗口中显示多少行或列的框架。

与表格一样,浏览器在显示时会尽可能接近给定的框架集尺寸。但是,浏览器不会为了能够容纳下超出边沿的框架集而扩展文档窗口的边界,也不会在指定的框架没有填满整个窗口时用空白区域来填满窗口。相反,浏览器会根据一个框架在行和列中相对于其他框架的大小来分配空间,这样就能够填满整个文档窗口了。(注意到一个主框架文档中没有滚动条了吗?)

下面是三个实例:

实例1

下面的代码将创建3行框架:

其中的每行都贯穿整个文档窗口。第一和最后一个框架被设为150像素高,第二行设置成300像素高。

实际上,除非浏览器窗口正好是600像素高,否则浏览器将会自动按照比例延伸或压缩第一和最后一个框架,使得这两个框架都占据1/4的窗口空间。中间行将会占据剩下1/2的窗口空间。

实例2

用窗口尺寸的百分比表示的框架行和列尺寸数据更加实际。

例如,下面这个示例与刚才那个示例的效果相同:

当然,如果这些百分比加起来不是100%,浏览器也会自动按照比例重新给出每行尺寸以消除差异。

实例3

如果你像我们一样,那么将问题综合起来就不是一件难事。可能有的框架设计人员正为同样的困难而感到苦恼,这就解释了为什么他们要在

的rows和cols值上加上星号。它告诉浏览器要在将相邻的框架放入框架集之后,给剩下的空间分配各自的行或列。

例如,当浏览器遇到下列框架标签时:

上面的例子会生成一个宽为固定的100像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。

df39752d8d70a9b2fc1d72e7a19b6b98.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值