前端基础-HTML框架

框架

框架示意图

在同一个浏览器上显示多个多个框架。在每一个框架中放了一个页面。

1.使用的标签

<frameset>：框架集，rows属性设置框架分几行显示，cols属性用来设置框架分几列显示，rows和cols尽量不要同时设置（因为不能及时辨别每个位置的页面）

<frame>：框架，src属性用来引入要显示的页面

注意：框架页面中不能有body标签，可以将body标签<noframes></noframes>标签中。noframes标签是当浏览器不支持框架的时候显示其中的内容。

案例1：

案例1图示

案例2：

案例2图示

2.框架嵌套

框架嵌套示意图

3.框架中跳转

框架中跳转示意图

4.内嵌框架

就是在页面中嵌套的框架

<iframe src="http://www.baidu.com" width="500" height="200" marginwidth="0" marginheight="0" frameborder="0"></iframe>

内嵌框架示意图

多学一招：

1. src：内嵌框架中存放的页面
2. width和height：内嵌框架的宽度和高度
3. marginwidth：内嵌框架中的页面距离内嵌框架的宽度
4. marginheight：内嵌框架中的页面距离内嵌框架的高度
5. frameborder：内嵌框架边框

内嵌框架属性示意图