日期:2014-05-17  浏览次数:20638 次

HTML iframe 和 frameset 的区别

iframe 和 frameset 都用于html页面的框架布局

1.<iframe> 标签

iframe 是个内联框架,是在页面里生成个内部框架。

1.1格式:<iframe></iframe>

1.2主要属性

frameborder :是否显示框架的边框;
src :指定一个资源(如网页、图片)的uri;
scrolling :是否显示框架的滚动条;
width:定义iframe的宽度;
height定义iframe的高度;

1.3优点:缩短页面的整体长度。

代码示例:

<body>
<h3>HTML标签演示</h3>
<iframe src=1.1-ShowHtml.htm ></iframe>
</body>

1.4 注意事项

在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面吧。

1.5 应用场景

①版本升级页面,版本日志过多,可以把升级的信息放到一个iframe里。
②富文本编辑框,如博客园的【新建随笔】区域。

?

2.<frameset> 标签

frameset?定义一个框架集,包含多个框架,每个框架都有独立的文档。

2.1格式

<frameset >
<frame src=a.htm />
<frame src=b.htm />

<noframes></noframes>
</frameset>

2.2 子项说明

<frame src=a.htm /> :子框架

<noframes></noframes>:浏览器不支持此框架的时,显示的内容。

注意:必须包含<body></body>标签。

2.3 属性