前端基础-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:内嵌框架边框

内嵌框架属性示意图