HTML 框架用于将 Web 浏览器窗口划分为多个部分,每个部分可以单独加载。框架集标签是浏览器窗口中框架的集合。
创建框架:代替使用 body 标签,在 HTML 中使用框架集标签在网络浏览器中使用框架。但是这个 Tag 在 HTML 5 中被弃用了。 frameset 标签用于定义如何划分浏览器。每个框架由框架标签表示,它基本上定义了哪个 HTML 文档应该打开到框架中。 HTML 文档中使用frame 标签的row 属性定义水平框架,HTML 文档中使用frame 标签的col 属性定义垂直框架。
例子:
Example of HTML Frames using row attribute
输出:上面的例子主要用于创建三个水平框架:顶部、中间和底部,使用 frameset 标签的 row 属性,noframe 标签用于不支持 noframe 的浏览器。
示例:本示例说明了框架集标签的 col 属性。
Example of HTML Frames Using col Attribute
输出:上面的例子基本上用于创建三个垂直框架:使用 frameset 标签的 col 属性的左、中和右。
Frameset 标签的属性:
- cols: cols 属性用于在 Web 浏览器中创建垂直框架。该属性主要用于定义框架集标签内的列数及其大小。
通过以下方式在框架集中设置列的大小或宽度:- 使用像素的绝对值
例子: - 使用百分比值
例子: - 使用通配符值:
例子:在上面的例子中 * 将使用剩余的百分比来创建垂直框架。
- 使用像素的绝对值
- rows: rows 属性用于在 Web 浏览器中创建水平框架。此属性用于定义框架集标记内的行数及其大小。
行的大小或每行的高度使用以下方式:- 使用像素的绝对值
例子: - 使用百分比值
例子: - 使用通配符值
例子:在上面的例子中 * 将使用剩余的百分比来创建水平框架。
- 使用像素的绝对值
- border: frameset 标签的这个属性定义了每帧的边框宽度(以像素为单位)。零值用于无边框。
例子: - frameborder: frameset标签的该属性用于指定是否在框架之间显示三维边框,为此使用两个值0和1,其中0定义没有边框,值1表示是会有边框.
- framepacing: frameset标签的这个属性用于指定一个frameset中的frame之间的间距量。这可以采用任何整数值作为参数,基本上表示像素值。
例子:It means there will be 20 pixel spacing between the frames - name:此属性用于为框架命名。它将一帧与另一帧区分开来。它还用于指示文档应加载到哪个框架中。
例子:这里我们使用三个框架,名称分别为左中和右。
- src: frame标签中的这个属性,主要用于定义应该加载到frame中的源文件。src的值可以是任意的url。
例子:在上面的例子中,frame 的名称是 left 并且源文件将从 frame 中的“/html/left.htm”加载。
- marginwidth: frame标签中的该属性用于指定边框与左右框架内容之间的间距宽度(以像素为单位)。
例子: - marginheight: frame 标签中的该属性用于指定边框与上下边框内容之间的间距高度(以像素为单位)。
例子: - 滚动条:要控制框架中滚动条的外观,请使用框架标签中的滚动条属性。这主要用于控制滚动条的外观。该属性的值可以是yes、no、auto。值 no 表示不会出现滚动条。
例子: - 它允许用户在单个网页中查看多个文档。
- 它在单个框架集中加载来自不同服务器的页面。
- 不支持框架的旧浏览器可以使用该标签进行寻址。
- 框架会使网站的制作变得复杂。
- 用户无法为框架内查看的任何网页添加书签。
- 浏览器的后退按钮可能不会像用户希望的那样工作。
- 使用过多的帧会给服务器带来很高的工作量。
- 许多旧的网络浏览器不支持框架。
- 谷歌浏览器
- IE浏览器
- 火狐
- 歌剧
- 苹果浏览器
帧标签属性:
好处:
缺点:由于它的一些缺点,它很少在网络浏览器中使用。
注意: HTML5 不支持此标签。
支持的浏览器: 标签支持的浏览器如下: - name:此属性用于为框架命名。它将一帧与另一帧区分开来。它还用于指示文档应加载到哪个框架中。