深入理解FRAME：HTML框架构建与应用

5星 · 超过95%的资源需积分: 34 105 浏览量更新于2024-09-16 收藏 135KB PDF 举报

"Frameset_详解.pdf" Frameset是HTML中的一种布局技术，它允许网页被分割成多个独立的区域，每个区域可以加载不同的网页内容。这样的设计使得网页开发者能够创建复杂的多窗口布局，同时保持各个部分的独立性。在本教程中，我们将深入探讨Frameset的使用方法和相关属性。在Web开发中，特别是在早期的网页设计中，Frameset是实现多窗口布局的常用工具。框架结构通常由一个或多个`<frame>`元素组成，这些元素被包含在一个`<frameset>`元素内。`<frameset>`元素替代了普通的`<body>`元素，用来定义页面的列(`cols`)和行(`rows`)布局。 1. `<frameset>`元素： - `cols`属性：用于定义页面的列布局，可以使用像素值、百分比值或星号(*)表示动态分配空间。 - `rows`属性：用于定义页面的行布局，同样支持像素、百分比和星号的分配方式。例如： - `cols="80,20%,*"`表示三列，宽度分别为80像素、窗口宽度的20%和剩余空间。 - `rows="25%,75%"`表示两行，高度分别为窗口高度的25%和75%。 - `rows="*,3*"`与上述第二行相同，只是用星号表示比例，第一行是第二行的1/3。 2. `<frame>`元素： - `src`属性：指定框架中要加载的网页URL。 - `name`属性：为框架命名，便于在JavaScript或其他脚本中引用。下面是一个简单的Frameset示例： ```html <frameset cols="40%,60%" rows="2*,*"> <frame name="TopLeft" src="red.htm"> <frame name="TopRight">  </frameset> ``` 在这个例子中，页面被分成了两行，第一行占据窗口高度的2/3，第二行占据剩余的1/3。第一行又分为两列，左边的列占40%，右边的列占60%。需要注意的是，框架之间是相互独立的，一个框架内的操作不会影响到其他框架。然而，为了避免递归，一个`<frame>`不能指向包含自身`<frameset>`的页面。尽管现代Web开发更倾向于使用CSS布局（如Flexbox或Grid）来实现多列或多行布局，Frameset在某些情况下仍具有实用性，尤其是在处理旧项目或需要独立更新各个内容区域的场景下。然而，由于其对搜索引擎优化（SEO）的不利影响和对无障碍访问的支持不足，开发者应谨慎使用Frameset，并考虑使用现代Web技术进行替代。

腾翼网交流论坛

教程文章

-> [html

学习

]

快速学习精通

FRAME

（框架）

回复主题

发

表主题

ShimingQiu

2005-12-30 18:56

: FRAME

（框架）是

Web

上经常会看到的页面结构。使用可视

Web

开发工具（比如

Dreamweaver

或者Frontpage），虽然可以在WYSIWYG环境中通过简单的鼠标托拽完成FRAME的构建，但是要

实现真正细致甚至强大的功能，仔细理解FRAME的代码结构至关重要！你将发现，FRAME原来是这

样的亲切易用。

创建基本的FRAMESET

FRAMESET页面与普遍的Web页面有些不同。虽然仍旧以＜HTML＞和包含标题的＜HEAD＞标

记以及其他脚本开始，但是其内容仅仅是表示的各个页面的版式设计。因此，不再需要有＜BODY＞

元素，只需要＜FRAMESET＞标记。

通过＜

FRAMESET

＞标记的＜

rows

＞和＜

cols

＞属性，浏览器窗口被分割为一个个格子。＜

rows

＞和＜

cols

＞的设置值可以是固定的像素值，可以是总空间的百分比值，还可以是用

以及一个

数字相乘表示的分割剩余空间的比例值。比如说：

cols="80,20%,*" 分为3列，宽度分别为80像素，窗口宽度的20％，以及剩余宽度

rows="25%,75%" 分为2列，宽度分别为窗口宽度的25％和75％

rows="*,3*" 与上述第2个表示的一样，分为2列，但表示方法不同：第一列宽度为第二列的1/3

在＜

FRAMESET

＞和＜

/FRAMESET

＞之间，用多个＜

FRAME

＞标记表示每个分割区。

col

表示

从左到右的列，

row

表示从上到下的行。每个＜

FRAME

＞有一个

src

属性，给出了这个

FRAME

的内

容。它可以是浏览器能显示的任何一个合法URL，或者是另外一个FRAMESET。为预防递归现象，

一个FRAME不能包含它本身所在的FRAMESET页面。要用name属性定义FRAME的名字，这样就可

以在代码或者脚本程序中引用它。请看一段基本的FRAMESET代码：

＜

HTML

＞

＜

HEAD

＞

＜

TITLE

＞

Simple FRAMESET

＜

/TITLE

＞

＜

/HEAD

＞

＜FRAMESET cols="40%,60%" rows="2*,*"＞

＜FRAME name="TopLeft" src="red.htm"＞

＜FRAME name="TopRight" src="green.htm"＞

＜FRAME name="BotLeft" src="blue.htm"＞

＜FRAME name="BotRight" src="white.htm"＞

＜/FRAMESET＞

＜

/HTML

＞

＜FRAMESET rows="105,*"＞

＜FRAME name="adbanner" src="ad.html"＞

＜FRAMESET cols="40%,60%"＞

＜FRAME name="left" src="red.htm"＞

＜

FRAMESET rows="*,*"

＞

＜

FRAME name="top" src="blue.htm"

＞

＜

FRAME name="bottom" src="white.htm"

＞

＜

/FRAMESET

＞

＜

/FRAMESET

＞

＜

/FRAMESET

＞

页码，1/7[html学习]快速学习精通FRAME（框架）教程文章腾翼网交流论坛 - power...

2006-2-27http://bbs.tengyi.cn/simple/index.php?t1054.html

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

IT系统集成专家

粉丝: 17
资源: 310

深入理解FRAME：HTML框架构建与应用

BIRT_Viewer_2_2_参数设置详解.pdf

Portal用户定制页面说明书.pdf

JavaScript详解[参照].pdf

Dreamweaver模拟试题,每天都有部分更新..pdf

html 框架结构.pdf

javascript模拟题.pdf

课后题答案.pdf

dreamweaver一些小技巧.pdf

网页设计考试题库.pdf

HTML5标签速查表.pdf

最新资源