HTML 框架[frame&iframe]

最新推荐文章于 2024-08-18 21:47:24 发布

coding_queen

最新推荐文章于 2024-08-18 21:47:24 发布

阅读量3.3k

点赞数

分类专栏： web 文章标签： html 框架

本文链接：https://blog.csdn.net/bigbigbia/article/details/77345365

版权

web 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

框架简介

HTML框架用于在一个窗口中显示多个页面，包括frame（框架）与iframe（内联框架）。窗口中每个HTML页面称为一个框架，且每个框架相互独立，互不影响。

框架使用

<frame>

<frame>标签通过src元素的属性值定义框架中放置的HTML页面，可为相对地址或URL。

hint：<frame>不能与<body>同时出现。

<iframe>

例：

	<body bgcolor="red">
		<h1>I am the left one</h1>		
		<iframe src="https://www.baidu.com/"></iframe>
	</body>

<frameset>

<frameset>为框架结构标签，定义如何定位框架。frame_set顾名思义为框架的集合（包括内联框架），存放框架集。

可通过修改frameset中cols或rows元素的属性值，设置框架的垂直或水平布局，以及每个框架所占用的比例大小。

noresize 一般情况下，用户可通过移动框架边框拉伸框架大小。为避免这种情况，可设置frame中noresize的属性固定框架大小。

<frameset cols="35%,65%">
		<frame name="index" src="left.html" noresize="noresize"></frame>
		<frame name="content" src="right.html"></frame>
</frameset>

例，可拉伸的垂直分布的两个框架，左右各占页面35%、65%。（将65%替换为*，将得到同样效果）

<!DOCTYPE html>
<html>
	<head>
		<title>the left one</title>
	</head>
	
	<frameset cols="35%,65%">
		<frame name="index" src="left.html"></frame>
		<frame name="content" src="right.html"></frame>
	</frameset>

</html>