HTML框架frameset与frame详解

需积分: 1 162 浏览量更新于2024-09-16 收藏 39KB DOC 举报

"该文档是关于`frameset`、`frame`和`iframe`在HTML中的使用方法。它解释了如何通过这些元素来创建和管理网页框架，以便同时加载多个URL。" 在HTML中，框架（Frames）允许我们将网页划分为多个独立的区域，每个区域可以加载不同的网页内容。`frameset`、`frame`和`iframe`是实现这一功能的关键元素。 1. **`<frameset>`**: 这是一个容器元素，用于定义页面中框架的布局。`<frameset>`标签通常位于HTML文档的顶部，代替`<body>`标签。它的主要属性包括`cols`和`rows`，用于指定框架的列数或行数。例如，`<frameset cols="50%,*">`会将页面分为左右两部分，左边占50%，右边占剩余的空间。 2. **`<frame>`**: `frame`元素是`frameset`内部的子元素，它定义了每个框架的特性。每个`<frame>`标签关联了一个特定的URL，通过`src`属性指定。此外，`frame`还有其他属性，如`name`用于为框架命名，便于通过`window`对象进行引用。例如，`<frame name="hello" src="up2u.html">`表示名为"hello"的框架加载"up2u.html"的内容。 3. **`<iframe>`**: 跟`frame`类似，`iframe`（Inline Frame）也是用来嵌入其他网页的元素，但它可以独立于`frameset`存在。`iframe`通常用于在现有页面中插入一个小窗口，显示其他内容。`iframe`也有`src`属性指定要加载的URL，以及`name`属性为iframe命名。与`frame`不同的是，`iframe`可以自由地放置在页面的任何位置，不受`frameset`布局的限制。框架的使用需要注意浏览器兼容性问题，尤其是 Netscape Navigator，对于某些复杂的框架布局可能无法正确显示。此外，虽然框架提供了灵活的布局方式，但它们对搜索引擎优化（SEO）并不友好，因为搜索引擎可能无法正确地爬取和索引框架内的内容。在实际开发中，为了获得更好的兼容性和可访问性，现代Web设计更倾向于使用CSS布局（如Flexbox或Grid）和JavaScript库来实现类似的效果，而非传统的`frameset`和`frame`。然而，`iframe`仍然在某些场景下非常有用，如加载外部内容、嵌入视频或地图等。在使用`iframe`时，确保设置适当的`height`和`width`属性，以及考虑加载失败的备选方案，以提供良好的用户体验。

frameset/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 ）

border="0"

设定框架的边框厚度，以 pixels 为单位。

bordercolor="#008000"

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

IT系统集成专家

粉丝: 16
资源: 310

HTML框架frameset与frame详解

Spire.Doc官网下载的免费版.zip

Spire.Doc 去水印版本.

Work库：free spire.doc.jar 3.9.0 jar 包

重命名test02目录中的dfd.doc为fff.doc

Linux中在home目录下创建tester.doc的快捷方式tester.doc

itron系统使用方法.doc

python spire.doc 无水印

Python如何引用Spire.DOC.dll Python如何引用Spire.DOC.dll Python如何引用Spire.DOC.dll

spire.doc.free如何使用

使用java来获取com.spire.doc库中不同的版本来获取一个表格中的段落的子对象类型为com.spire.doc.documents.StructureDocumentTagInline的内容

最新资源