详解FRAME与IFRAME的使用差异与工作原理

2星需积分: 49 118 浏览量更新于2024-09-19 收藏 165KB PDF 举报

在网页设计中，FRAME和IFRAME是两种用于创建多窗口或区域布局的技术，它们可以帮助开发者构建复杂的布局结构。帧（FRAME）和帧集（FRAMESET）是HTML4中的关键元素，但在HTML5中已被替换为更现代的API，如`<div>`和CSS Grid或Flexbox。 **帧（FRAME）与帧集（FRAMESET）的使用方法：** - **帧（FRAME）** 是一个独立的HTML文档，可以在框架集内嵌入，用于显示另一个网页内容。每个<FRAME>标签定义一个独立的窗口或区域，可以通过`src`属性指定要加载的URL。帧的尺寸、边框、滚动条等属性都可以通过属性进行设置，如`width`, `height`, `scrolling`等。 - **帧集（FRAMESET）** 是用来组织和管理多个帧的容器，它本身不显示任何内容，而是控制各个帧的布局和大小。<FRAMESET>标签包含一个或多个<FRAME>标签，通过`cols`或`rows`属性来定义帧的排列方式，比如水平分割（使用`cols`），垂直分割（使用`rows`）。百分比值和星号(*)可以用来表示动态分配剩余空间。 - 在HTML文档中使用时，所有帧标记需置于`<BODY>`标签之外，因为`<FRAMESET>`定义了框架的结构，而实际内容则由`<FRAME>`标签内的子文档提供。 **帧与IFRAME的区别：** - **兼容性**：IFRAME是HTML5引入的新特性，对老版本的浏览器支持更好；而FRAME在HTML5中已过时，可能在某些旧版浏览器中存在兼容性问题。 - **灵活性**：IFRAME提供了更多的CSS样式控制，可以更好地与页面其他部分交互和响应式设计，而FRAME的样式选项有限。 - **安全考虑**：IFRAME的`sandbox`属性可以限制其功能，提高安全性，防止恶意脚本攻击，而FRAME的安全性较差。 - **SEO**：现代搜索引擎倾向于优先抓取IFRAME中的内容，因为它更易被索引，而FRAME可能会导致搜索引擎抓取到重复的内容，降低权重。 **总结：** 理解并熟练运用FRAME和IFRAME对于创建复杂的网站布局和导航非常重要，但随着技术的发展，IFRAME已经成为更好的选择，尤其是在注重用户体验和SEO的现代网页设计中。掌握这些技术不仅限于HTML，还需要结合CSS和JavaScript进行更精细的控制和优化。

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页未读，立即下载

baoshenlc

粉丝: 8
资源: 2

详解FRAME与IFRAME的使用差异与工作原理

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

selenium python浏览器多窗口处理代码示例

iframe与frame的区别

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

HTML框架详解：frame与iframe的区别与用法

Selenium处理frame与iframe

frame/iframe

frame和iframe

frame,iframe,frameset区别pdf

html Frame、Iframe、Frameset 的区别

最新资源