如果想把一个浏览器窗口分成几个区域,每个区域都显示一个网页,则需要使用框架集。<frameset>和框架标记<frame>,这两个标记也是成组出现的。
框架标记以前也用于网页的排版,现在用得比较少了,但网站的管理后台程序常用左右分割的框架版式。
不能将 <body>…</body> 标签与 <frameset>…<//frameset> 标签同时使用!
窗口框架的分割有两种方式,一种是水平分割,另一种是垂直分割,在<frameset>标记中通过cols属性和rows属性来控制窗口的分割方式。
<frameset rows=“各个横向框架的大小或比例" cols="各个纵向框架的大小" border="像素值" bordercolor="颜色值"
frameborder="yes|no" framespacing="像素值">…</frameset>
如果要去掉框架的边框,可设置frameborder="no",framespacing指框架和框架之间的距离,bordercolor属性IE浏览器不支持。
用cols属性将窗口分为左右部分
<frameset cols="30%,40%,*">…</frameset>
用rows属性将窗口分为上下部分
<frameset rows="30%,40%,*">…</frameset>
frame标记是一个单标记,定义了放置在每个框架中的 HTML 文档。
<frame src="url" name="属性名" border="像素值" bordercolor="颜色值" frameborder="yes|no" marginwidth="像素值"
scrolling="yes|no|auto" noresize="noresize" />
scrolling指定框架窗口是否允许出现滚动条;
noresize指定是否允许调整框架的大小;
用src属性指定要显示的网页;
用name属性指定框架的名称,这样做的用途是,当其他框架中的链接要在指定的框架中打开时,可以设置其他框架中超链接的target属性值等于这个框架的name值。例如定义右边窗口name属性为main: <frame name="main"/>;左边窗口中的链接目标是main:<a href="add.htm" target="main">添加新闻</a>;这样add.htm会在框架名为main的窗口(右边窗口)中打开。
通过框架的嵌套可实现对子窗口的分割,例如有时需要先将窗口水平分割,再将某个子窗口进行垂直分割。
<frameset rows="30%,*">
<frame src="XHTML_f1.htm"/>
<frameset cols="30%,*">
<frame src="XHTML_f2.htm"/>
<frame src="XHTML_f3.htm"/>
</frameset>
</frameset>
框架集标记只能对网页进行左右或上下分割,如果要让网页的中间某个矩形区域显示其他网页,则需要用到浮动框架标记。
下面是浮动框架的属性举例:
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"
name="main"></iframe>
src:URL地址,既可是HTML文件,也可以是文本、ASP等;
width、height:"内部框架"区域的宽与高;
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时,滚动选项,如果设置为NO,则不出现滚动条;如为Auto:则自动出现滚动条;如为Yes,则显示;
FrameBorder:区域边框的宽度,为了让“内部框架“与邻近的内容相融合,常设置为0;
name:框架的名字,用来进行识别。
下面的例子是将“百度”插入到网页中
<iframe src="http://www.baidu.com" width="740" height="300" scrolling="auto" frameborder="0"
name="main"></iframe>
©版权所有: 淮安深度人工智能科技有限公司2020, 备案号:苏ICP备2020056902号-2 | 技术支持:淮阴工学院计算机与软件工程学院《Web开发技术》教学团队