iframe/frameset/frame的区别

一、iframe用法

二、frame用法

三、frameset用法

四、区别对比

iframe

一、iframe属性的用法

注意：所有的浏览器都支持iframe属性，可以把需要的文本放置在 之间，这样就可以应对无法理解

iframe支持HTML全局属性，也支持事件属性

frameset

一、frameset的用法（框架模板）

frameset可以定义一个框架集。被用来组织多个框架，每一个框架都有着独立的文档。在frameset的简单应用中，frameset使用cols或rows属性来规定在框架中存在多少行多少列。

！注意：利用frameset和frame可以把网页制作成所需要的不同大小的框架，可以用来布局。

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。frameset 元素使用cols或rows属性规定在框架集中存在多少列或多少行。

不能与 标签一起使用 标签。当需要为不支持框架的浏览器添加一个 内的内容。

frame

一、frame的作用

二、frame标签的属性

• frameborder     规定是否显示框架周围的边框，取值为1或0。(取值为1有边框，取值为0没有边框)也可以是yes或no。


• noresize   规定用户无法调整框架的大小（noresize="noresize"）


• src   规定在框架中所显示的文档的URL


• scrolling    规定是否在框架中显示滚动条（取值yes显示，no不显示，auto自动判断）


• name  规定内联框架的名称


• marginheight   框架顶部和底部的外边距（取值pixel像素）


• marginwidth    框架左侧和右侧的外边距（取值pixel像素）

三、实例

1、不能调整框架的大小

设置了noresize属性的框架不可以调整大小，当把鼠标移动到框架的表上时会发现边框不可以移动。

总结区别

经过上面的分析，总结iframe、frame、frameset三者之间的区别和联系。

1、frame不能脱离frameset单独使用，而iframe可以单独使用

2、frameset不能放在body标签中，frame嵌套在frameset中如果放在body中不能正常显示。（frameset和frame只规定了框架如何划分，不会显示任何内容，所以不需要放在body中）

3、iframe嵌套在frameset标签中，则必须放在body标签中，否则无法显示。（iframe用来显示引用的其他页面的内容，需要被显示，放在body）

4、frame不能调整框架的宽高，只能通过frameset间接设置；iframe可以通过width和height属性来调整宽高，不能通过frameset控制

5、frameset不能被浏览器解读的时候，如果里面设置了noframes就会显示出来noframes标签内的内容。