嵌套页面
framesetiframe
一、frameset
1.1、背景
frameset曾经是HTML标签中的王者，但是到了现在都很少用了。为什么呢？归根结底还是因为它不支持body标签的原因吧！个人感觉这个frameset还是挺强大的，下面简单介绍下frameset的作用吧~~
1.2、作用
相信你肯定不止一次看到过这样的页面：页面顶部和页面左侧的部分永远都不刷新，尽管他们有不少的功能按钮和链接，页面永远都只有右下的部分在刷新内容。这就是frameset的作用。 用来做图书管理系统不要太爽。
1.3、标签常用属性
<frameset>标签：
cols=“10%,*”：垂直分割，10%代表第一个页面水平所占百分比，*代表剩余所有百分比。可以分割成多个页面。rows=“30%,”：水平分割，30%代表第一个页面垂直所占百分比，*代表剩余所有百分比。可以分割成多个页面。frameborder=“0” ：设定框架的边框，其值只有0和1，0表示不要边框，1表示要显示边框。border=“10px”：设定框架的边框厚度，以px为单位。bordercolor=“red”：设定框架的边框颜色 <frame>标签：
name=“coment”：设定这个框窗的名称，这样才能指定框架来作链接，必须但任意命名。src=“a.html”：设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。scrolling=“Auto”：是否显示滚轮，默认autonoresize：禁止拖动框架的边框
1.4、使用
<!DOCTYPE html>
<html>
<head>
<title>测试frameset的用法
</title>
</head>
<frameset rows="18%,*" border="0">
<frame src="./top.html" name="top" noresize>
<frameset cols="18%,*">
<frame src="./left.html" name="left" scrolling="no" noresize>
<frame src="./right.html" name="right" scrolling="auto" noresize>
</frameset>
</frameset>
</html>
二、iframe
2.1、简介
<iframe>本质上是和<frameset>差不多的东西，但是它比<frameset>更加灵活，但是它并不适合用来做页面布局，感觉更适合用来做局部页面交互。需要注意的是<iframe>标签的display属性是inline-block，即本质是一个行内块。
2.2、标签属性
src：规定在 iframe 中显示的文档的 URL。这个必须填name：这个必须要。scroling：是否显示滚动条
yes：始终显示no：始终不显示auto：当内容超出时显示（默认） 其他属性：其实还有不少属性，但是这里没有列举出来的原因是他们都会被CSS完美覆盖，干脆使用CSS样式算了，性能还高一些。
2.3、使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test1
</title>
<style>
*{
margin:0;
padding:0;
}
iframe{
border:0;
}
</style>
</head>
<body>
<iframe src="./Test2.html" name="qiuqiu_Page" width="100%" height="18%">
</iframe><iframe src="./Test3.html" name="qiuqiu_Page2" width="18%,*" height="650px">
</iframe><iframe src="https://www.baidu.com" class="qwer" width="82%" height="650px">
</iframe>
</body>
</html>
