HTML框架详解：frameset与frame的使用技巧

3星 · 超过75%的资源需积分: 9 179 浏览量更新于2024-09-13 收藏 30KB DOC 举报

"html网页代码源--frameset用法" HTML中的`frameset`是一个用于创建网页框架的重要元素，它允许我们将一个网页划分为多个独立的区域，每个区域可以加载不同的网页内容。`frameset`布局使得网页设计者可以更灵活地组织页面结构，提高用户体验，尤其是在需要展示多个相关但独立的信息块时。 `frameset`的基本结构包含一个或多个`<frame>`标签，这些`<frame>`标签定义了各个框架的属性。`<frameset>`标签通常作为`<html>`文档的直接子元素，而不需要`<body>`标签，因为`frameset`会替代`body`来承载内容。 `<frameset>`的主要参数包括`cols`和`rows`，它们用于指定框架的排列方式。例如： ```html <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> </frameset> ``` 在这个例子中，`<frameset cols="50%,*">`将屏幕水平分为两部分，左边的框架占据50%的宽度，右边的框架占据剩余的空间（*表示剩余的部分）。`<frame>`标签指定了每个框架的名称（`name`）和加载的网页（`src`）。 `<frame>`标签还有一些其他的属性，例如： - `name`: 为框架指定一个唯一的名字，便于通过JavaScript或其他编程语言引用或跳转。 - `src`: 指定要加载的HTML文档的URL。 - `noresize`: 如果设置为`noresize`，用户将无法手动调整框架的大小。 - `scrolling`: 可以设置为`yes`（允许滚动条）、`no`（禁止滚动条）或`auto`（根据需要自动出现滚动条）。需要注意的是，尽管`frameset`在过去的网页设计中被广泛使用，但它在现代Web开发中逐渐被其他技术如CSS布局（例如Flexbox和Grid）和`<iframe>`所取代。`<iframe>`提供了一种在单个页面内嵌入另一个网页的方式，而不需要整个页面都是框架结构。`<iframe>`更灵活，可以更好地适应响应式设计，并且对搜索引擎优化（SEO）更加友好。 `frameset`的一个主要问题是，不是所有的浏览器都完全支持，特别是对于不支持 frames 的移动设备和辅助技术，可能会导致用户体验下降。因此，当使用`frameset`时，应该考虑提供一个无框架的备用版本，以确保所有用户都能访问网站内容。这通常通过`<noframes>`标签实现，它为不支持框架的浏览器提供替代内容。 `frameset`是HTML早期的一种布局技术，虽然在某些情况下仍然有用，但现代Web开发更倾向于使用更灵活和兼容性更好的解决方案。理解和掌握`frameset`可以帮助理解Web发展史，但在新的项目中，推荐使用现代的布局和嵌入技术。

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"

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

goodyuedan

粉丝: 0
资源: 2

HTML框架详解：frameset与frame的使用技巧

html的frameset和target的应用

html网页代码源--frameset用法整理.pdf

frameset

小型网页设计源代码

禁止查看网页源代码方法总结

frameset2

frameset中的页面退出的问题

HTML表格、框架-使用大全.ppt

有关于整体刷新和局部刷新frameset窗口

网页设计常用代码

最新资源