HTML iframe 和 frameset 的区别
iframe 和 frameset 都用于html页面的框架布局。<iframe> 标签: 规定一个内联框架。被用来在当前HTML 文档中嵌入另一个文档。<frameset> 标签:定义一个框架集。<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。1,<iframe> 标签可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。使用CSS 为 <iframe> (包括滚动条)定义样式。示例:
注意:在 "<iframe>我是内容</iframe>" 内添加内容时,在展示页面不会显示添加的内容。所以还是使用src属性指定一个页面。应用场景:多用于版本升级页面,版本日志过多,可以把升级的信息放到一个iframe里。<iframe> HTML5 中的新属性,这些新属性也可以通过 js 来对他的属性值进行修改:属性值描述alignleftrighttopmiddlebottom规定如何根据周围的元素来对齐此框架。不推荐使用。请使用样式代替。frameborder10规定是否显示框架周围的边框。heightpixels%规定 iframe 的高度。longdescURL规定一个页面,该页面包含了有关 iframe 的较长描述。marginheightpixels定义 iframe 的顶部和底部的边距。marginwidthpixels定义 iframe 的左侧和右侧的边距。nameframe_name规定 iframe 的名称。sandbox""allow-formsallow-same-originallow-scriptsallow-top-navigation启用一系列对 <iframe> 中内容的额外限制。scrollingyesnoauto规定是否在 iframe 中显示滚动条。seamlessseamless规定 <iframe> 看上去像是包含文档的一部分。srcURL规定在 iframe 中显示的文档的 URL。srcdocHTML_code规定在 <iframe> 中显示的页面的html内容。widthpixels%定义 iframe 的宽度。2,<frameset> 标签<frameset> 标签定义一个框架集。<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。<frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。示例: 如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。
输出:
注意:使用frameset标签时,注意要去掉外层的<body></body>标签。应用场景:后台页面的管理,左边显示 菜单,右边框架 显示详细页面。<frameset> 标签可选的属性属性值描述colspixels%*定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。rowspixels%*定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。夺夺