frameset —— 定义一个框架集

来源:互联网 发布:手机上淘宝店铺装修 编辑:程序博客网 时间:2024/06/06 05:22

2010-11 发布)http://blog.sina.com.cn/s/blog_604527460100niqj.html

frame,是网页开发必须掌握的。

例如后台架构、局部刷新,页面分割,都是 frame 的用途表现,尤其是后台页面制作,使用 frame 会给用户带来非常舒适的使用感受。

frame 只是点包括(frameset 标签、frame 标签、iframe 标签)。

一、frameset 

1、属性

-border 设置框架的边框粗细

-bordercolor 设置框架的边框颜色

-frameborder 设置是否显示框架边框。设定值只有 0、1 ; 0 表示不要框架,1 表示要显示框架

-cols 纵向分割页面。其数值表示方法有三种:“30%、30(或者30px)、*”

数值的个数代表分成的视窗数目且数值之间用“,”隔开。

30% 表示该框架区域占全部浏览器页面区域的 30%;

30 表示该区域横向宽度为 30 像素;

* 表示该区域战友余下页面空间。

例如:cols = "25%,200,*" 表示将页面分为三部分,

例如:cols="40%,*,*" 表示第一个矿建占整个浏览器窗口的 40%,剩下的空间平均分配给另外两个框架。

左侧部分为页面30%,中间横向宽度为 200 像素,页面余下的作为右侧部分。

-rows 横向分割页面。数值表示方法与意义同cols

-framespacing 设置框架与框架间的保留的空白距离

二、frame

1、属性

-name 设置框架名称。必须设置

src 设置框架要显示的网页名称或路径。必须设置

-scrolling 设置是否要显示滚动条。设置值为 auto , yes  ,no 

-bordercolor  设置框架的边框颜色。

-frameborder 设置是否显示框架边框。设定值只有 0、1; 0 表示不要边框,1 表示要显示边框。

-noresize 设置框架大小是否能手动调节。

-marginwidth 设置框架边界和其中内容之间的宽度

-marginheight 设置框架边界和其中内容之间的高度

-width 设置框架宽度

-height 设置框架高度


三、iframe是浮动的框架(frame),其常用属性与 frame 类似,其中主要有以下(相同略)

-align 设置垂直或水平对齐方式

-allowTranspatency 设置获取兑现是否可为透明

iframe 标签与 frameset 、frame 标签的验证方法不同 ,是 XHTML 1.0 Transtional 。且 iframe 是放在 body 标签之内,而 frameset 、frame 是放在 body 标签之外。



四、综合实例

<html>

<head>

<title>综合实例</title>

</head>

<frameset cols="25%">

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

<frame stc="pagel.htm"scrolling="auto" naem=“main”>

<noframes>

<body>

<p>对不起,您的浏览器不支持框架!</p>

</body>

</noframes>

</frameset>

</html>

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






frameset 元素可定义一个框架集。

用来组织多个窗口(框架)。每个框架存在有独立的文档。

在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。

必须使用cols 或 rows 属性。


注释:如果希望验证某个包含框架的页面,请确保 DTD 被设置为“Frameset DTD ” 。(待了解)

重要事项:

不能与<frameset></frameset>标签一起使用<body></body>标签。

需要为不支持框架的浏览器添加一个<noframes>标签,请务必将标签放置在 <body></body>标签中。

0 0
原创粉丝点击