一、什么是框架，及创建框架网页的步骤

1、框架定义

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。框架结构实现多窗口页面。

2、框架分为两种

（1）框架集—— frameset 标签
<frameset>可以显示多个窗口页面。（在HTML5 中弃用）
（2）内嵌框架—— iframe 标签
<iframe/>内嵌框架：页面复用。

3、创建框架网页的步骤

（1）创建各子窗口对应的HTML文件。
（2）创建整个框架页面文件，引用子窗口文件。

二、框架集—— frameset 标签、frame 标签

1、frameset 标签定义框架集。

（1）<frameset>元素被用来组织一个或者多个<frame>元素。每个<frame> 有各自独立的文档。<frameset>元素规定在框架集中存在多少列或多少行，以及每行每列占用的百分比/像素。
（2）由于该标签对网页可用性的负面影响，所以在 HTML 5 中 <frameset> 标签没有得到支持。

2、frameset 标签语法及相关元素属性

实例如下：

<!-- 典型的两行两列框架集嵌套 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>frameset框架集</title>
</head>
<frameset rows="25%,*"  border="5" bordercolor="red">
	<!-- rows 横向分割，将窗口分割成上25%,下自动填充，两个部分 -->
	<!-- border="边框的大小" bordercolor="边框的颜色"-->
		<frame src="top.html"  scrolling="no" noresize="noresize" />
		<!-- scrolling="no"，
			 scrolling属性，是否显示滚动条-->
		<!-- noresize="noresize"，
			 noresize属性，不能随意改变网页frame分块大小-->
	<frameset cols="20%,80%" border="5" >
	<!-- cols 纵向分割，将窗口分割成左20%,右80%，两个部分 -->
	     <frame src="left.html" name="leftframe" noresize="nosize"/>
	     <frame src="right.html" name="rightframe" noresize="nosize"/>
 	</frameset>
</frameset>
</html>

在web中显示为：
HTML框架frameset 框架集和 iframe 内嵌框架实际开发技巧，框架相关的属性和元素，a标签的target属性
注意：
1、框架集和body不能共存。
2、为了兼容性，可以使用<noframes>¹

3、实现窗口框架关联的方法

（1）frame中设置窗口名（框架主页）


<frame src="right.html" name="rightframe" noresize="nosize"/>
<!-- 主页的name必须和窗口的target名称相同-->

（2）设置 a 标签的target属性（窗口子页面）


<a href="要跳转到的界面.html" target="rightframe">
<!-- target属性，规定在何处打开链接文档 -->

（3）target属性的其他使用方法

a、在新窗口中打开被链接文档：" _blank "
b、默认。在相同的框架中打开被链接文档：" _self "
c、在父框架集中打开被链接文档：" _parent "
d、在整个窗口中打开被链接文档：" _top "
e、在指定的框架中打开被链接文档：" framename "

三、内嵌框架—— ifeame 标签

1、iframe 标签规定一个内联框架。

（1）一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
（2）<iframe> 标签主要用于那些多个网页的共有部分，如导航栏、广告栏等。

2、iframe 标签语法及相关元素属性


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>iframe内嵌框架</title>
</head>
<body>
	<iframe src="引用页面地址" name="框架名称" frameborder="边框"  scrolling="no" >
	<!-- src="https://me.****.net/weixin_43638892" 站外的书写格式-->
	<!-- src="C:/User/.../iframe.html 站内的书写格式-->
	<!-- scrolling="no"，scrolling属性，是否显示滚动条-->
	</iframe>
</body>
</html>

注意
1、注意iframe标签需要一个关闭标签,即</iframe>；否则一个页面有两个iframe 只显示一个。

<noframes> 元素可为那些不支持框架的浏览器显示文本noframes 元素位于 frameset 元素内部。<noframes> 元素插入在<frameset> 元素中使用。在 HTML5 中不支持 <noframes>标签。 ↩︎

HTML框架frameset 框架集和 iframe 内嵌框架实际开发技巧，框架相关的属性和元素，a标签的target属性

第4章 HTML框架