|
框架在网站中的作用 框架页面可用于向浏览器窗口装载多个HTML网页文件，每个frame(帧)里面的网页相互独立。框架的结构分析： 框架页面上有多个帧(frame)，每个HTML文件占据一个帧，而多个帧可以同时显示在同一个浏览器窗口中，他们组成一个最大的帧，即一个包含多个HTML文档的HTML文件(称为框架集页面)。帧通常的使用方法是在一个帧中导航链接，然后将需要变化的内容HTML文件显示在另一个帧中。 建立窗口框架集： 框架集页面和普通HTML页面一样，只不过其主体内容只有<frameset></frameset>帧结构，通过帧(frame)链接不同的页面。 也就是说帧结构是由多个帧链接不同的面组成。 <frameset cols=" 120 , * "> <frame src="left.htm" name="leftframe"></frame> <frame src="right.htm" name="rightframe"></frame> </frameset> <frameset>常用属性： cols：列 rows：行 cols属性和rows属性值的个数对应其内含帧的合数。如：上面黄色加粗部分。 <frameset></frameset>结构须使用cols属性或rows属性，指定其内含帧的排列方式 <frame/>常用属性： 注意：<frame/>是单标记 src：指定所链接网页的URL name：用于标识帧的名称 noresize：禁止浏览者调整帧的比例 说明：cols属性中用两个值，如上述黄色部分的" 120 , * "必须用逗号分开，数值代表帧占据的像素数量，cols属性值对应帧的宽度，rows属性值对应帧的高度。 "*"代表<frameset></frameset>结构中为被分配的剩余部分。 调整帧边框属性： 帧默认是有边框的，用于帧的区分 帧边框的属性可以在<frame/>的属性中设置，也可以在帧所属的<frameset><frameset/>中设置。 <frameset cols=" 120 ,30%, * " frameborder="1" framespacing="25" bordercolor="red"> <frame src="left.htm" name="leftframe"/> <frame src="mid.htm" name="midframe"/> <frame src="right.htm" name="rightframe"/> </frameset> frameborder：取值为1或0，取值为1设置显示边框，取值为0则不显示。frameborder 也可取值为yes或no，取值为yes设置显示边框，取值为no则不显示。 framespacing：取值为帧之间的间距，单位为像素，间距越大，则边框越粗。 bordercolor：属性取值为十六进制颜色值，用于设置边框的颜色 设置滚动条： <frame src="left.htm" name="leftframe" noresize="noresize" scrolling="auto、yes、no"/> scrolling属性取值为auto时，并当页面内容无法完全显示于帧内时，将自动出现滚动条。 scrolling属性取值为no时，无论页面内容多少，帧始终没有滚动条。 说明：如下图所示复杂帧结构的框架页面，就需要<frameset></frameset>结构的嵌套。
特殊的<iframe>框架： 由于<iframe></iframe>不需要考虑其帧的组合方式，<iframe>框架也被称为浮动框架 <tr> <td>右边是链接iframe.htm的浮动框架</td> <td valign="top"> <iframe src="iframe.htm"></iframe> </td> </tr> 设置浮动框架属性： <iframe src="iframe.htm" width="120" height="80" scrolling="yes"></iframe> src：链接外部HTML文件 浮动框架尺寸往往小于其链接的HTML网页内容，浮动框架同样有scrolling属性，使浮动框架产生滚动条。 浮动框架同样有width属性和height属性用于设置宽度和高度 注意：scrolling属性取值为yes时，不管内容多少，始终有滚动条。 |
|
|
