HTML 学习总结2 框架表单

2020-3-18 前端达人

框架集标签的属性

使用的时候需要将HTML文件中的body标签部分替换为框架标签，写成这样：

<html>
    <head></head>
    <frameset rows="500,*" border="3" noresize="noresize">
    </frame>
</html>

看上面的代码，用frameset替换掉body不难理解，毕竟我们约定做框架的网页不具有实体内容
接着，这里提到了框架标签的三个属性，分别为：

rows/cols 框架的分行或分列
border 分隔框的宽度
noresize 大小是否可调
现在来分别解释一下

第一个，rows 或cols 属性，代表了框架的分行或分列的情况，在引号内书写该属性的值的时候，不需要指明分成几栏，只需要指明每一栏占据的宽度或高度（单位为像素）并使用逗号隔开。浏览器在解析的时候会计算到底分成了几栏。另外，不指定宽度而使其占据剩余位置时，可以使用通配符 “ * ”。

第二个，border 属性，代表了分隔框的宽度，这是属性的数值单位是像素。所以如果你不想加入边框，则可以将它设置为零。

第三个，noresize 属性，表示我们的框架的大小是否可调，frameset标签默认为大小可调，当用户鼠标移动到边框上时，他可以拖拽改变大小。所以如果不想让用户随意改变框架大小，那么可以选择使用这个属性 （当然，也可以选择把边框的宽度设为零，让他找不到）。 这个属性的值同属性名称一样。

最后还需要说明的是：框架集标签是可以进行嵌套的，也就是说，在已经分出来的框架中，我们可以借着分栏。

在框架内镶嵌网页
刚刚我们使用 frameset 标签将网页变成框架并划分成了若干区域，每一个区域都是一个单独的可显示页面的子网页（笔者起的名）。现在，我们需要在这些区域内为它镶嵌上一个网页，这需要用到frame这个单标签在框架下添加网页，它的写法如下：

<frame src="...." name="...." />
1
这里可以看到 frame 标签的两个属性; src 和 name 。它们分别代表着添置连接（这是一个超链接，网页，HTML文件，图片等都是可以的。有关超链接的信息，可参照上一篇学习总结或者问问度娘 ），以及框架名称。

框架的命名，很主要的一个原因在于可以重复利用一个框架，即在其他标签使用时，可以在某个框架上显示相应内容。还记得上一篇中，我们提到的链接标签 target 属性中的 “某框架名称” 这个值吗？在为框架命名后，就可以使用上述的 target 用法，将打开的网页放在某个框架中了。

综上，举个例子：

先来创造一个带有嵌套的框架
<!--frame-->
<html>
    <head></head>
    <frameset rows="200,*" border="5" noresize="noresize">
        <frame src="title.html" name="title" />
        <frameset cols="200,*">
            <frame src="selection_bar.html" />
            <frame name="output_page" />
        </frameset>
    </frameset>
</html>


<!--title-->
<html>
    <head></head>
    <body>
        <font size="7" color="blue">
            The test page
        </font>
    </body>
</html>


<!--selection_bar-->
<html>
    <head></head>
    <body>
        <font size="5" color="red">
            Please select websites.
        </font>
        <br /><br />
        <a href="http://www.baidu.com" target="output_page"/>百度一下<br /><br />
        <a href="https://www.csdn.net" target="output_page"/>CSDN <br /><br />
    </body>
</html>