1、什么是框架？

框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口中加载多个页面的效果

2、<frameset>划分框架标记

语法格式

1
<frameset>....</frameset>

属性

  • cols：使用“像素”和%分割左右窗口，*表示剩余部分，*,*表示框架平均分成2个
  • rows：使用“像素数”和%分割上下窗口，“*”表示剩余部分
  • frameborder：指定是否显示边框，0不显示，1显示
  • border：设置边框的大小，默认值5像素

<frame>子窗口标记

<frame>是一个单标记，必须放在<frameset>中使用，在<frameset>中设置了几个窗口，就必须对应使用几个<frame>框架，而且还必须使用src属性指定一个网页。

属性：

  • src：加载网页文件的URL地址
  • name：框架名称，是链接标记的target所要参数
  • noresize：表示不能调整框架大小，没有设置时就可以调整
  • scrolling：是否需要滚动条，auto、yes、no
  • frameborder：是否需要边框，（1）显示边框、（0）不显示边框

简单实现如下效果

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>

<head>
  <title>HTML框架</title>
  <meta charset="utf-8" />
</head>
<frameset rows="90,*,90" border="1">
  <frame name="top" src="top.html"></frame>
  <frameset cols="30%,70%">
    <frame name="left" src="left.html"></frame>
    <frame name="right" src="right.html">></frame>
  </frameset>
  <frame name="bottom" src="bottom.html"></frame>
</frameset>

</html>

其中top.html、left.html、right.html、bottom.html略过。