设置框架集的属性frameset（一）
发布时间：2018-11-30
浏览次数：1703框架页面的结构是在框架集中设置的，可以根据框架的分割方式分为水平分割窗口、垂直分割窗口和嵌套分割窗口。
1、水平分割窗口rows
水平分割窗口是将页面沿水平方向切割，也就是将页面分成上下排列的多个窗口。
语法：
<frameset rows="框架窗口的高度，框架窗口的高度，......"> <frame> <frame>> ...... </frameset>
说明：
在该语法中，rows中可以取多个值，它由逗号分割的像素值或百分比组成。
举例：
<html> <head> <meta http-equiv="Content-Type" contem="text/html; charset=gb2312"/> <title>水平分割窗口</title> </head> <frameset rows="40%,60%" frameborder="yes" border="1" framespacing="1"> <frame src="top.html" name="mainFrame" id="mainFrame"/> <frame src="foot.html" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame"/> </frameset> <noframes> <body> </body> </noframes></html>
在代码中
<frameset rows="40%,60%" frameborder="yes" border="1" framespacing="1">
<frame src="top.html" name="mainFrame" id="mainFrame"/>
<frame src="foot.html" name="bottomFrame" scrolling="no" noresize="noresize" id="bottomFrame"/>
</frameset>
部分的代码标记是设置水平分割，在浏览器中预览，可以看到页面被分为 上下两个窗口，如图9.1所示。
2、垂直分割窗口cols
cols属性指定了垂直框架的布局方法，它将页面沿垂直方向分割成多个窗口，由一组用逗号分隔的像素值、百分比值或相对度量值组成列表。
语法：
<frameset cols="框架窗口的宽度，框架窗口的宽度，......"> <frame> <frame> ...... </frameset>
说明：
cols可以取多个值，每个值表示一个框架窗口的水平宽度，它的单位可以是像素，也可以是占浏览器的百分比。
举例：
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>垂直分割窗口</title> </head> <frameset cols="391,165,214" framespacing="0" frameborder="no" border="0"> <frame src="left.html" name="leftFrame" id="leftFrame"/> <frame src="left.html"> <frame src="right.html" name="mainFrame" id="mainFrame"/> </frameset> <onframes> <body> </body> </onframes> </html>
在代码中
<frameset cols="391,165,214" framespacing="0" frameborder="no" border="0">
<frame src="left.html" name="leftFrame" id="leftFrame"/>
<frame src="left.html">
<frame src="right.html" name="mainFrame" id="mainFrame"/>
</frameset>
的代码标记是设置框架的垂直分割，在浏览器中预览效果，如图9.2所示。
本文内容摘取于《网页制作》，仅供参考学习用途！
18577088886