HTML中的iframe与frame差异解析
4星 · 超过85%的资源 需积分: 16 64 浏览量
更新于2024-09-22
收藏 33KB DOC 举报 "iframe与frame是HTML中用于创建页面布局的两种技术，它们允许网页中嵌入其他HTML文档或外部资源。然而，它们之间存在一些关键区别。frame主要用于创建多窗口的网页布局，而iframe（内联框架）则更加灵活且独立。
frame是HTML4中的元素，主要用于构建框架集（framesets），将浏览器窗口分割成多个区域，每个区域可以加载不同的网页内容。frame的使用通常涉及`<FRAMESET>`和`<FRAME>`标签。`<FRAMESET>`定义了框架的布局，如通过`cols`或`rows`属性来设置列数或行数。`<FRAME>`标签则指定每个框架的具体内容，通过`src`属性指定加载的页面。例如：
```html
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
```
在这个例子中，页面被水平分割成两个部分，左侧显示`up2u.html`，右侧显示`me2.html`。frame的一个限制是它不能直接嵌套，只能作为frameset的子元素。
相比之下，iframe（inline frame）是在HTML5中引入的，它可以在页面的任何位置插入一个独立的浏览上下文。iframe不依赖于frameset，可以自由地放置在`<body>`标签内的任何地方，提供更灵活的布局。此外，iframe也支持`src`属性，但它还可以通过CSS进行样式控制，甚至可以调整大小。例如：
```html
<iframe src="example.html" width="300" height="200"></iframe>
```
在这个例子中，iframe加载了`example.html`，并设置了宽度和高度。
当frame的一个框架刷新时，其他框架不会受到影响，而iframe如果嵌套在父框架中，当父框架刷新时，iframe可能会跟随刷新，这取决于浏览器的实现。
关于选择使用frame还是iframe，通常需要考虑以下因素：
1. 兼容性：frame是HTML4标准的一部分，而iframe在HTML5中得到了更好的支持，因此现代浏览器对iframe的处理可能更为友好。
2. 布局复杂性：frame适合固定布局的多窗口页面，而iframe适合嵌入内容或创建动态可调整的布局。
3. SEO：搜索引擎对frame的爬取可能不如iframe友好，因为frame内的内容可能不被正确索引。
frame和iframe各有优缺点，选择哪种取决于具体的需求和场景。在现代网页开发中，由于iframe提供了更多的灵活性和更好的跨浏览器兼容性，它往往成为更受欢迎的选择。但了解并理解两者的差异对于创建高效、可维护的网页布局至关重要。"
在同时有 frame 和 Iframe 的一个窗口里 frame 最大可以做个 frameset 的儿
子，Iframe 最大也只能做到 frameset 的孙子。frame 的布局限于几种，
Iframe 想放哪里放哪里。frame 的兄弟刷新和自己没关系，Iframe 的爸爸刷
新自己跟着刷新///
哪个更好就得根据情况选择了///
<FRAMESET> <FRAME>
<NOFRAMES>
<IFRAME>
欲明白本篇【HTML 剖析】之标记分类请看/【标记一览】。/
亦请先明白围堵标记与空标记的分别请看/【HTML 概念】。/
■ 框架概念/：/
所谓框架便是网页画面分成几个框窗，同时取得多个/URL。只需要/
<FRAMESET> <FRAME> 即可，而所有框架标记需要放在一个总起的/html
档，这个档案只记录了该框架/如何划分，不会显示任何资料，所以不必放入/
<BODY> 标记，浏览这框架必须读取这档/案而不是其它框窗的档案。
<FRAMESET> 是用以划分框窗，每一框窗由一个/<FRAME> 标/记所标示，
<FRAME>必须在/<FRAMESET> 范围中使用。如下例：
<frameset cols="50%,*">
<frame name="hello" src="up2u.html">
<frame name="hi" src="me2.html">
</frameset>
此例中/<FRAMESET> 把画面分成左右两相等部分，左便是显示/
up2u.html，右边则会显示/me2.html 这档案，<FRAME> 标记所标示的框
窗永远是按由上而下、由左至右的次序。/
本节与/Composer 教室的【运用框架】大部分相同，只是本节增加了内容及
较为详细，正/如其它篇章一样并不会提及网页制作工具，若阁下学会了/HTML
相信你亦不会选用/Composer ，/FrontPage 一类的工具了。/
■ <FRAMESET> <FRAME> ：/
<FRAMESET> 称框架标记，用以宣告 HTML 文件为框架模式，并设定视窗如
何分割。/
<FRAME> 则只是设定某一个框窗内的参数属性。/
<FRAMESET> 参数设定：/
例子：
<frameset rows="90,*" frameborder="0" border=0
framespacing="2" bordercolor="#008000">
下载后可阅读完整内容，剩余4页未读，立即下载
2020-09-02 上传
2020-12-14 上传
2020-09-28 上传
2017-07-28 上传
2013-05-17 上传
点击了解资源详情
2023-06-07 上传
_Mr_Yang_
- 粉丝: 16
- 资源: 98
我的内容管理
展开
