HTML框架结构——【frameset、frame、iframe】

码字小萌新♡

已于 2024-12-09 21:18:18 修改

阅读量4.5k

点赞数 5

分类专栏：前端文章标签： html 前端 css

于 2023-05-09 20:19:15 首次发布

本文链接：https://blog.youkuaiyun.com/qq_51712954/article/details/130587135

版权

本文介绍了HTML中的frameset和frame标签，用于创建多窗口布局。frameset定义了框架集的列数或行数，frame定义了每个框架的内容和属性，如src、name等。同时，文章提到了noframes标签作为不支持框架的浏览器的备选内容，以及onload事件在页面加载完成后的应用。另外，还讲解了iframe标签，用于创建浮动框架，并展示了实例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.框架集标签 frameset

🏷️Frameset 对象代表 HTML 框架集。

🏷️HTML frameset 元素用于创建具有多个独立 HTML 文档的分割窗格。

🏷️frameset 元素包含一个或多个 frame 元素，每个 frame 元素定义了一个单独的框架，可以包含不同的 HTML 文档。
🏷️语法格式：

<frameset id="main" cols="50%,50%" border="20" bordercolor="blue">
	……
</frameset>

1）属性

属性	描述
cols	框架集中的列数
rows	框架集中的行数
border	框架边框宽度
bordercolor	框架边框颜色

(1) cols / rows

值	描述
pixels	以像素为单位指定列/行的大小（”100px“ 或者 ”100“）
%	以百分比指定列/行的大小（”50%“）
*	剩余可用的列/行空间

<html>
<frameset id="main" cols="50%,50%" border="20" bordercolor="blue">
	<noframes>
		<body>你的浏览器不支持显示框架</body>
	</noframes>
  	<frame src="frame_cols.htm">
  	<frame src="frame_a.htm">
</frameset>
</html>