理解FRAME与IFRAME：使用技巧与差异

需积分: 49 184 浏览量更新于2024-09-16 收藏 165KB PDF 举报

本文主要介绍了HTML中的FRAME和IFRAME元素，它们用于创建网页框架，实现页面内容的分隔和加载多个独立的网页。在HTML中，FRAME和IFRAME都是用于构建多窗口布局的元素，但它们之间存在一些区别。 1. FRAME：FRAME是基于框架集（FRAMESET）的概念，它将网页划分为多个区域，每个区域可以独立加载不同的网页内容。通过<FRAMESET>元素定义页面的分割方式，如行（ROWS）或列（COLS），然后使用<FRAME>元素来指定每个区域的属性，如名称（name）和源文件（src）。例如： ```html <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset> ``` 这段代码将页面分为左右两部分，左侧显示"up2u.html"，右侧显示"me2.html"。 2. IFRAME（Inline Frame）：相比于FRAME，IFRAME更加灵活，它可以内嵌到文档的任何位置，不影响页面的整体框架结构。IFRAME主要用于在主页面中插入一个可独立刷新的小窗口，展示其他网页内容。其基本语法如下： ```html <iframe name="myFrame" src="example.html" width="400" height="300"></iframe> ``` 在这里，IFRAME定义了一个名为"myFrame"的窗口，加载"example.html"，并设置了宽度和高度。 3. 区别与应用： - FRAME需要一个总的框架集文件，而IFRAME可以直接嵌入到任何HTML文档中。 - FRAME更适合于创建整体的多窗口布局，IFRAME更适用于在单一页面中插入或替换部分内容。 - 由于浏览器兼容性和SEO（搜索引擎优化）问题，FRAME的使用逐渐减少，而IFRAME仍然广泛应用于各种动态内容加载场景，如广告、地图、视频嵌入等。 4. 注意事项： - 使用FRAME和IFRAME时，需考虑浏览器的兼容性，因为一些旧版本的浏览器可能不支持这些元素。 - 由于框架结构可能会导致导航复杂，对搜索引擎的爬虫不友好，因此在设计时要权衡用户体验和SEO需求。 - 框架内的页面无法直接设置`<body>`标签，因为框架本身不包含主体内容，而是引用其他页面作为内容。 FRAME和IFRAME是HTML中用于实现页面分隔和内容加载的两种技术，它们各有特点，根据实际应用场景选择合适的元素可以提升网站的用户体验和功能多样性。

FRAME 与 IFRAME

框架概念：

所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需

要 <FRAMESET> <FRAME>

即可，而所有框架标记需要放在一个总起的 html 档，这个档案

只记录了该框架如何划分，不会显示任何资料，所以不必放入 <BODY>

标记，浏览这框架必须读取这档案而不是其它框窗的档案。

<FRAMESET> 是用以划分框窗，每一框窗由一个 <FRAME> 标

记所标示，<FRAME>必须在 <FRAMESET> 范围中使用。如下例：

</frameset>

此例中 <FRAMESET> 把画面分成左右两相等部分，左便是显示

up2u.html，右边则会显示 me2.html

这档案，<FRAME> 标记所标示的框窗永远是按由上而下、由左至

右的次序。

本节与 Composer 教室的【运用框架】大部分相同，只是本节增

加了内容及较为详细，正

如其它篇章一样并不会提及网页制作工具，若阁下学会了 HTML

相信你亦不会选用 Composer ， FrontPage

一类的工具了。

■ <FRAMESET> <FRAME> ： ▲Top

<FRAMESET> 称框架标记，用以宣告 HTML 文件为框架模式，并设

定视窗如何分割。

<FRAME> 则只是设定某一个框窗内的参数属性。

<FRAMESET> 参数设定：

例子：<frameset rows="90,*" frameborder="0" border=0

framespacing="2"

bordercolor="#008000">

COLS="90,*"

垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则

代表占用馀下空间。数值的个数代表分成的视窗数目且以逗号分隔。例如

COLS="30,*,50%" 可以切成叁个视窗，第一个视窗是 30

pixels 的宽度，为一绝对分割，第二个视窗是当

分配完第一及第叁个视窗後剩下的空间，第叁个视窗则占整个画

面的 50% 宽度为一相对分割。您可自己调整数字。

ROWS="120,*"

就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与

ROWS 两参数尽量不要同在一个 <FRAMESET> 标记中，因

Netacape 偶然不能显示这类形的框架，尽采用多重分割。

frameborder="0"

设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表

示要显示边框。（避免使用 yes 或 no ）

下载后可阅读完整内容，剩余3页未读，立即下载

Java高知社区

粉丝: 1953
资源: 90

理解FRAME与IFRAME：使用技巧与差异

如何用js控制frame的隐藏或显示的解决办法

iframe框架用法收藏

iframe使用实例

Selenium处理frame与iframe

Selenium中的多窗口与Frame处理技巧

在layer.js中使用iframe嵌入网页内容

2023 前端开发 HTML CSS 宝典：使用iframe和flash元素

利用iframe嵌入外部内容

内嵌Frame/IFrame的页面操作方法有哪些，并介绍其用法

关于内嵌Frame/IFrame的页面操作方法有哪些，并分别介绍其用法

最新资源