文档介绍：第八章框架结构
textarea, label, fieldset, legend
框架
作用
框架提供了将一个浏览器窗口划分为多个区域、每个区域都可以显示不同 HTML 文档的方法。
使用框架的最常见的情况就是,一个框架显示包含导航控件的文档,而另一个框架显示含有内容的文档。
框架以前用于网页的排版,现在用得比较少了,但网站的管理后台程序常用左右分割的框架版式。
DW中框架标记位于布局分类中
见例 5,【6-1】example
框架标记 frameset frame iframe
P88页
框架基础
框架集(Frameset)定义网页整体的布局,告诉浏览器开始时应加载哪些网页,但并不提供实际内容。
每个框架(Frame)显示具有独立内容的网页。
n个框架,有 n+1个html文档
<frameset>标记
窗口框架的分割有两种方式,一种是水平分割,另一种是垂直分割
在<frameset>标记中通过cols属性和rows属性来控制窗口的分割方式
用cols属性将窗口分为左右部分
<frameset cols=“30%,40%,*”>
“*”就代表剩下的30%宽度
用rows属性将窗口分为上下部分
<frameset rows="30%,40%,*">
框架集(Frameset)属性
标记属性
含义
row="n|n%|n*"
设定横向分割的框架数目
cols=" n|n%|n*"
设定纵向分割的框架数目
border="num"
设定边框的宽度,单位为像素
borderclor="#nnnnnn"
设定边框的颜色
frameborder="yes|no"
设定有|无边框
framespacing="num"
设定窗格间的空白,单位为像素
框架基础
框架集网页代码的基本结构
<frameset 属性名1="属性值1" …>
<frame属性名1="属性值1" …/>
<frame属性名1="属性值1" …/>
……
</frameset>
<noframes><body>
</body>
</noframes>
因为框架集没有显示部分,
所以在<body></body>之外
框架的嵌套
通过框架的嵌套可实现对子窗口的分割,例如有时需要先将窗口水平分割,再将某个子窗口进行垂直分割,如图3-50所示。可用下面的代码实现。
<html>
<head>
<title>用框架分割窗体</title>
</head>
<frameset rows="30%,*">
<frame src="2-"/>
<frameset cols="30%,*">
<frame src="2-"/>
<frame src="2-"/>
</frameset>
</frameset>
</html>
效果演示:frameset演示
口字型框架代码:
<frameset rows="80,*,80" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="" name="top" scrolling="NO" noresize>
<frameset cols="110,*,110" frameborder="NO" border="0" framespacing="0">
<frame src="" name="left" scrolling="no" noresize>
<frame src="" name="main" scrolling="yes">
<frame src="" name="right" scrolling="NO" noresize>
</frameset>
<frame src="" name="bottom" scrolling="NO" noresize>
</frameset>
<frame />标记的属性
用src属性指定要显示的网页
<frame src="demo/2-"/>
用name属性指定框架的名称
用于设置其他框架中的超链接的target属性值等于这个框架的name值。
例如定义右边窗口name属性为main:
<frame name="main"/>
左边窗口中的链接目标是main:
<a href="" target="main">添加新闻</a>
(右边窗口)中打开。
演示:frameset导航