秋風落葉

html中的框架frameset和frame及iframe

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。

通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面，简而言之，就是在一个窗口中显示多个页面。每个页面称之为一个框架。并且每个框架独立于其他的框架。

使用框架的坏处：必须同时跟踪多个框架（网页或HTML文档），整个页面很难打印。

1、框架标签（Frame）

简单的三框架页面：

<frameset cols="25%,50%,25%">
  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
frameset>

所有主流浏览器都支持标签。

标签定义及使用说明

标签定义中的子窗口（框架）。

中的每个都可以设置不同的属性，比如 border、scrolling, noresize 等等。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持标签，HTML 4.01 支持标签。

HTML 与 XHTML 之间的差异

在 HTML 中，标签没有结束标签。在 XHTML 中，标签必须被正确地关闭。

可选的属性

属性	值	描述
frameborder	0 1	HTML5 不支持。规定是否显示框架周围的边框。
longdesc	URL	HTML5 不支持。规定一个包含有关框架内容的长描述的页面。
marginheight	pixels	HTML5 不支持。规定框架的上方和下方的边距。
marginwidth	pixels	HTML5 不支持。规定框架的左侧和右侧的边距。
name	name	HTML5 不支持。规定框架的名称。
noresize	noresize	HTML5 不支持。规定无法调整框架的大小。
scrolling	yes no auto	HTML5 不支持。规定是否在框架中显示滚动条。
src	URL	HTML5 不支持。规定在框架中显示的文档的 URL。

标准属性

在 HTML 4.01 中，标签支持如下标准属性：

属性	值	描述
class	classname	规定元素的类名
id	id	规定元素的唯一 id
style	style_definition	规定元素的行内样式
title	text	规定元素的额外信息

事件属性

根据 W3C 的标准，在 HTML 4.01 中，标签不支持任何的事件属性。

但是，所有的浏览器都支持 onload 事件。

基本的注意事项 - 有用的提示

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在标签中加入：noresize="noresize"。

为不支持框架的浏览器添加内的内容。

iframe的属性

1、name                  是框架窗口的名称
2、align                   是框架窗口中内容的对其方式
3、width                  是框架窗口的宽，单位是pixels
4、height               是框架窗口的长，单位是pixels
5、marginwidth      是插入的文件和框架左右边缘所保留的空间
6、marginheight     是插入的文件和框架上下边缘所保留的空间
7、frameborder      是指是否显示边框。1表示显示边框，0表示不显示边框
8、scrolling             是指是否允许使用滚动条。

利用frameset和frame可以把网页制作成所需要的不同大小的框架，可以用来布局。

iframe则是把一些网页嵌入到当前网页中，达到所需要的效果。

■ 框架概念 ：
所谓框架便是网页画面分成几个框窗，同时取得多个 URL。只需要即可，而所有框架标记需要放在一个总起的 html 档，这个档案只记录了该框架如何划分，不会显示任何资料，所以不必放入标记，浏览这框架必须读取这档案而不是其它框窗的档案。是用以划分框窗，每一框窗由一个标记所标示，必须在范围中使用。如下例：

此例中把画面分成左右两相等部分，左便是显示 up2u.html，右边则会显示 me2.html 这档案，标记所标示的框窗永远是按由上而下、由左至右的次序。

本节与 Composer 教室的【运用框架】大部分相同，只是本节增加了内容及较为详细，正如其它篇章一样并不会提及网页制作工具，若阁下学会了 HTML 相信你亦不会选用 Composer ， FrontPage 一类的工具了。

■ ：

称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割。
则只是设定某一个框窗内的参数属性。
参数设定：
例子：

COLS="90,*"
垂直切割画面(如分左右两个画面)，接受整数值、百分数， * 则代表占用馀下空间。数值的个数代表分成的视窗数目且以逗号分隔。例如COLS="30,*,50%" 可以切成叁个视窗，第一个视窗是 30 pixels 的宽度，为一绝对分割，第二个视窗是当分配完第一及第叁个视窗後剩下的空间，第叁个视窗则占整个画面的 50% 宽度为一相对分割。您可自己调整数字。
ROWS="120,*"
就是横向切割，将画面上下分开，数值设定同上。唯 COLS 与 ROWS 两参数尽量不要同在一个标记中，因 Netacape 偶然不能显示这类形的框架，尽采用多重分割。
frameborder="0"
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避免使用 yes 或 no ）
border="0"
设定框架的边框厚度，以 pixels 为单位。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【调色原理】。
framespacing="5"
表示框架与框架间的保留空白的距离。
参数设定：
例子：

SRC="a.html"
设定此框窗中要显示的网页档案名称，每个框窗一定要对应着一个网页档案。你可使用绝对路径或相对路径，有关此两者详见於【连结进阶】。
NAME="top"
设定这个框窗的名称，这样才能指定框架来作连结，必须但任意命名。
frameborder=0
设定框架的边框，其值只有 0 和 1 ， 0 表示不要边框， 1 表示要显示边框。（避免使用 yes 或 no ）
framespacing="6"
表示框架与框架间的保留空白的距离。
bordercolor="#008000"
设定框架的边框颜色。颜色值请参考【HTML 剖析】。
scrolling="Auto"
设定是否要显示卷轴，YES 表示要显示卷轴，NO 表示无论如何都不要显示， AUTO是视情况显示。
noresize
设定不让使用者可以改变这个框框的大小，亦没有设定此参数，使用者可以很随意地拉动框架，改变其大小。
marginhight=5
表示框架高度部份边缘所保留的空间。
marginwidth=5
表示框架宽度部份边缘所保留的空间。
以下是一些例子：（与 Composer 教室的【运用框架】相同）

例子 HTML Code

例子 HTML Code

例子 HTML Code

例子 HTML Code

例子 HTML Code

■ 之间的内容，而不是一片空白。这些内容可以是提醒浏览转用新的浏览器的字句，甚至是一个没有框架的网页或能自动切换至没有框架的版本亦可。
应用方法：
在标记范围加入标记，以下是一个例子：

若浏览器支援框架，那麽它不会理会