Frameset使用教程
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
Frameset使⽤教程
⼀、frameset
1. 属性
①border
设置框架的边框粗细。
②bordercolor
设置框架的边框颜⾊。
③frameborder
设置是否显⽰框架边框。
设定值只有0、1；0 表⽰不要边框，1 表⽰要显⽰边框。
④cols
纵向分割页⾯。
其数值表⽰⽅法有三种：“30%、30（或者30px）、*”；数值的个数代表分成的视窗数⽬且数值之间⽤“,”隔开。
“30%”表⽰该框架区域占全部浏览器页⾯区域的30%；“30”表⽰该区域横向宽度为30像素；“*”表⽰该区域占⽤余下页⾯空间。
例如：cols="25%,200,*" 表⽰将页⾯分为三部分，左⾯部分占页⾯30%，中间横向宽度为200像素，页⾯余下的作为右⾯部分。
⑤rows
横向分割页⾯。
数值表⽰⽅法与意义与cols相同。
⑥framespacing
设置框架与框架间的保留的空⽩距离。
2. ⽤例
<frameset cols="213,*" frameborder="no" border="0" framespacing="0">
注意1：
cols与rows两属性尽量不要同在⼀个<frameset>标签中使⽤。
若要实现下图架构，代码正确写法为：
1<frameset rows="59,*" cols="*" frameborder="no" border="0" framespacing="0">
2<frame src="" name="topFrame" scrolling="No" noresize="noresize" id="topFrame"/>
3<frameset cols="213,*" frameborder="no" border="0" framespacing="0">
4<frame src="" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame"/>
5<frame src="" name="mainFrame" id="mainFrame"/>
【即，若想即使⽤cols⼜使⽤rows，可利⽤frameset嵌套实现】
注意2：
<frameset cols="40%,*,*">
意思是：第⼀个框架占整个浏览器窗⼝的40%,剩下的空间平均分配给另外两个框架。
<frameset cols="*,*,*,*">
意思是：浏览器窗⼝等分为四部分。
⼆、frame
1. 属性
①name
设置框架名称。
此为必须设置的属性。
②src
设置此框架要显⽰的⽹页名称或路径。
此为必须设置的属性。
③scrolling
设置是否要显⽰滚动条。
设定值为auto, yes, no。
④bordercolor
设置框架的边框颜⾊。
⑤frameborder
设置是否显⽰框架边框。
设定值只有0、1；0 表⽰不要边框，1 表⽰要显⽰边框。
⑥noresize
设置框架⼤⼩是否能⼿动调节。
⑦marginwidth
设置框架边界和其中内容之间的宽度。
⑧marginhight
设置框架边界和其中内容之间的⾼度。
⑨width
设置框架宽度。
⑩height
设置框架⾼度。
2. ⽤例
<frame src="" name="topFrame" scrolling="No" noresize="noresize" marginwidth="10" marginhight="10" width="400" height="800"/>
三、iframe
是浮动的框架（frame），其常⽤属性与frame类似，其他的主要有以下（相同的就不列举了）
1. 属性
①align
设置垂直或⽔平对齐⽅式
②allowTransparency
设置或获取对象是否可为透明。
2. ⽤例
<iframe name="123" align="middle" marginwidth="0" marginheight=0 src="" frameborder="0" scrolling="no" width="776" height="2500"></iframe>
注意：
iframe标签与frameset、frame标签的验证⽅法不同，是XHTML 1.0 Transitional。
且iframe是放在body标签之内，⽽frameset、frame是放在body标签之外。
四、综合⽰例
1<html>
2<head>
3<title>综合⽰例</title>
4</head>
5<frameset cols="25%,*">
6<frame src="menu.html" scrolling="no" name="Left">
7<frame src="page1.html" scrolling="auto" name="Main">
8<noframes>
9<body>
10<p>对不起，您的浏览器不⽀持“框架”！</p>
11</body>
12</noframes>
13</frameset>
14</html>
1<html>
2<head>
3<title>menu</title>
4</head>
5<body>
6<a href="page1.html" target="Main">内容1</a>
7<a href="page2.html" target="Main">内容2</a>
8</body>
9</html>
【说明】
<noframes></noframes>标志对也是放在<frameset></frameset>标志对之间，⽤来在那些不⽀持框架的浏览器中显⽰⽂本或图像信息。
在此标志对之间先紧跟<body></body>标志对，然后才可以使⽤我们熟悉的任何标志。